Laravel 11集成React.js时无法找到routes/api.php路由文件

Laravel 11做了结构简化，默认不会生成routes/api.php文件，你可以按以下步骤添加并配置API路由，完成和React的数据交互：

1. 创建API路由文件 #

在项目的routes目录下新建api.php文件，写入你的API路由逻辑，示例：

<?php

use Illuminate\Support\Facades\Route;

// 示例接口：返回用户数据
Route::get('/user', function () {
    return response()->json([
        'name' => 'Test User',
        'email' => 'test@example.com'
    ]);
});

2. 在应用启动文件中注册API路由 #

打开bootstrap/app.php，找到withRouting方法，修改为包含API路由的配置：

return Application::configure(basePath: dirname(__DIR__))
    ->withRouting(
        web: __DIR__.'/../routes/web.php',
        api: __DIR__.'/../routes/api.php', // 添加API路由文件路径
        commands: __DIR__.'/../routes/console.php',
        health: '/up',
    )
    ->withMiddleware(function (Middleware $middleware) {
        // 可选：给API路由添加中间件（比如限流、认证）
        $middleware->api(append: [
            \Illuminate\Routing\Middleware\ThrottleRequests::class.':api',
            // 若需认证，可添加 \Illuminate\Auth\Middleware\Authenticate::class.':sanctum'
        ]);
    })
    ->create();

3. 配置API前缀（可选） #

如果需要给所有API路由统一加上/api前缀，可调整api参数为数组形式：

api: [
    __DIR__.'/../routes/api.php',
    'prefix' => 'api',
    'middleware' => 'api',
],

4. React集成要点 #

• 测试API接口是否正常：比如访问http://your-domain/api/user（若配置了前缀）确认返回JSON数据
• React端可使用fetch或axios发起请求，处理数据的获取与提交
• 若涉及用户认证，推荐使用Laravel Sanctum，配合API中间件实现安全的数据传输

内容的提问来源于stack exchange，提问作者Anas Oudadsse