Laravel 10中使用HandleCors处理CORS无效问题求助

针对你遇到的跨域报错，按以下步骤排查修复：

1. 确认中间件顺序与注册 #

在app/Http/Kernel.php中，确保\Illuminate\Http\Middleware\HandleCors::class放在api中间件组的最顶部，避免被其他中间件提前修改响应头：

protected $middlewareGroups = [
    'api' => [
        \Illuminate\Http\Middleware\HandleCors::class,
        \Illuminate\Routing\Middleware\ThrottleRequests::class.':api',
        \Illuminate\Routing\Middleware\SubstituteBindings::class,
    ],
];

2. 修正cors.php配置 #

根据你的域名情况，调整config/cors.php的关键参数：

return [
    'paths' => ['api/*', '/*'], // 覆盖所有需要跨域的路由，按需调整
    'allowed_methods' => ['*'], // 允许所有请求方法，包含OPTIONS预请求
    'allowed_origins' => ['https://domain.net'], // 明确指定前端主域名，确保协议（http/https）正确
    // 若需允许所有子域名，可改为['https://*.domain.net']，注意安全风险
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'], // 允许所有请求头
    'exposed_headers' => [],
    'max_age' => 3600, // 预请求缓存时长，减少重复请求
    'supports_credentials' => false, // 若前端需带cookie，设为true且origin不能用通配符
];

3. 清除配置缓存 #

运行以下命令确保配置生效：

php artisan config:clear

4. 检查服务器层面配置 #

若使用Nginx部署，确保配置中没有手动添加Access-Control-Allow-Origin等跨域头，避免与Laravel中间件冲突。若必须设置，需与Laravel配置保持一致。

5. 验证预请求处理 #

确保路由没有拦截OPTIONS请求，Laravel的HandleCors中间件会自动处理预请求，无需额外路由规则限制方法。

完成以上步骤后，重新测试前端请求，跨域问题即可解决。

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