Laravel 9+ 内置 CORS 配置完全指南:从零配置 API 跨域支持

冬浩吖_7344

冬浩吖_7344

2026-08-14

945人浏览

原创

Laravel 9+ 内置 CORS 配置完全指南:从零配置 API 跨域支持

本文详解 Laravel 9 及更高版本中如何正确启用内置 CORS 支持,涵盖中间件注册、config/cors.php 核心配置、路径匹配、凭证处理及 Nginx 协同调试,助你 5 分钟安全打通 api/list 和 api/profiles 等接口跨域访问。

本文详解 laravel 9 及更高版本中如何正确启用内置 cors 支持,涵盖中间件注册、config/cors.php 核心配置、路径匹配、凭证处理及 nginx 协同调试,助你 5 分钟安全打通 `api/list` 和 `api/profiles` 等接口跨域访问。

Laravel 9 起已将原 fruitcake/laravel-cors 包的核心逻辑(由 Barry vd H. 开发并长期维护)正式集成至框架底层,由 Dries Vints 主导完成迁移。这意味着你无需再执行 composer require fruitcake/laravel-cors,也不再依赖第三方服务提供者——CORS 功能已成为 Laravel HTTP 层的原生能力,由 \Illuminate\Http\Middleware\HandleCors 中间件统一处理。

✅ 第一步:确认并启用内置 CORS 中间件

打开 app/Http/Kernel.php,确保 \Illuminate\Http\Middleware\HandleCors::class 已注册在全局中间件数组 $middleware 的顶部位置(非 $middlewareGroups['api'] 内):

// app/Http/Kernel.php
protected $middleware = [
    \App\Http\Middleware\TrustHosts::class,
    \App\Http\Middleware\TrustProxies::class,
    \Illuminate\Http\Middleware\HandleCors::class, // ← 必须在此处,且靠前!
    \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
    // ... 其他中间件
];

⚠️ 关键说明:

  • 若仅将其放在 $middlewareGroups['api'] 中(如常见于旧教程),则 Route::get('api/list', ...) 等未显式套用 middleware('api') 的路由将完全不受控;
  • 对 api/list、api/profiles 这类标准 API 路径,推荐全局启用,避免遗漏;
  • 升级至 Laravel 13.2.0(当前最新稳定版)后,该中间件默认存在,但仍需人工核对是否被误删或顺序错位。

✅ 第二步:发布并配置 config/cors.php

运行命令生成配置文件(Laravel 9+ 虽已内置,但自定义配置仍需此步):

php artisan vendor:publish --tag="cors"

编辑 config/cors.php,针对 api/list 与 api/profiles 接口,推荐以下安全且可扩展的配置:

Laravel Cloud
Laravel Cloud

Laravel Cloud(cloud.laravel.com)。此技能用于处理所有 Laravel Cloud 请求,包括搜索和读取数据。只要任务涉及 Laravel Cloud,即使用此技能。

下载
// config/cors.php
return [
    'paths' => ['api/*', 'sanctum/csrf-cookie'], // ✅ 覆盖所有 api/ 开头路径(含 list、profiles)

    'allowed_methods' => ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'OPTIONS'], // ❌ 避免 ['*'],防止某些 CDN/Nginx 拒绝未知 method

    'allowed_origins' => [
        'http://localhost:3000',   // 开发环境前端
        'https://your-app.com',    // 生产环境主站
        'https://admin.your-app.com', // 多子域场景
    ],

    'allowed_headers' => ['Content-Type', 'Authorization', 'X-Requested-With', 'Accept'],

    'exposed_headers' => ['X-RateLimit-Limit', 'X-RateLimit-Remaining'], // 如需 JS 读取限流头,必须显式声明

    'supports_credentials' => true, // ✅ 若前端 fetch 使用 credentials: 'include' 或使用 Sanctum 登录态,必须设为 true

    'max_age' => 3600,
];

? 注意事项:

  • supports_credentials => true 时,allowed_origins *绝对禁止使用 `['']**,否则浏览器会报错A wildcard '*' cannot be used`;
  • 开发阶段务必精确匹配协议、域名、端口(如 http://localhost:3000 ≠ http://127.0.0.1:3000);
  • paths 中 'api/*' 已覆盖 api/list 与 api/profiles,无需单独添加。

✅ 第三步:Nginx 层协同 —— 不可绕过的 OPTIONS 透传

即使 Laravel 配置完美,若 Nginx 拦截了浏览器预检请求(OPTIONS),中间件根本不会执行。在 Nginx 配置中(如 server 块内),必须显式处理 OPTIONS 方法并返回 204:

# Nginx 配置片段
location / {
    # 允许跨域请求头(动态反射 Origin)
    add_header 'Access-Control-Allow-Origin' '$http_origin' always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, PATCH, DELETE, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization, X-Requested-With' always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Expose-Headers' 'X-RateLimit-Limit, X-RateLimit-Remaining' always;

    # 处理预检请求
    if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Max-Age' 86400;
        add_header 'Access-Control-Allow-Origin' '$http_origin';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, PATCH, DELETE, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'Content-Type, Authorization, X-Requested-With';
        add_header 'Access-Control-Allow-Credentials' 'true';
        return 204;
    }

    try_files $uri $uri/ /index.php?$query_string;
}

? 验证技巧:

  • 在 Chrome DevTools → Network → 找到 OPTIONS 请求 → 查看 Response Headers 是否含 Access-Control-Allow-Origin;
  • 若返回 404/405,说明 Nginx 未接管 OPTIONS,Laravel 未收到请求;
  • 若返回 200 但无 CORS 头,说明中间件未生效(检查 Kernel.php 注册位置)。

? 总结:三要素缺一不可

层级 关键动作 常见失效原因
PHP 层 HandleCors 置于 $middleware 顶部 + config/cors.php 正确配置 中间件位置错误、paths 未覆盖目标路由、supports_credentials 与 allowed_origins 冲突
Web Server 层 Nginx 显式响应 OPTIONS 并返回 204 + 透传必要头 Nginx 默认拒绝 OPTIONS、未配置 add_header 或 if 判断失效
前端层 fetch 请求中明确设置 credentials: 'include'(如需 Cookie) 忘记 credentials 导致后端无法识别登录态,返回 401

完成以上配置后,api/list 与 api/profiles 将稳定支持跨域调用,且符合生产环境安全规范。Laravel 13.2.0(基于 PHP 8.3+)进一步优化了中间件生命周期与响应头合并逻辑,确保 CORS 头不被后续中间件覆盖——你只需专注业务,跨域交由框架可靠保障。

大量免费API接口:立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游,为数据API应用能力赋能!

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

laravel

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
laravel组件介绍
laravel组件介绍

laravel 提供了丰富的组件,包括身份验证、模板引擎、缓存、命令行工具、数据库交互、对象关系映射器、事件处理、文件操作、电子邮件发送、队列管理和数据验证。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

2024.04.09

897

10

laravel中间件介绍
laravel中间件介绍

laravel 中间件分为五种类型:全局、路由、组、终止和自定。想了解更多laravel中间件的相关内容,可以阅读本专题下面的文章。

2024.04.09

875

9

laravel使用的设计模式有哪些
laravel使用的设计模式有哪些

laravel使用的设计模式有:1、单例模式;2、工厂方法模式;3、建造者模式;4、适配器模式;5、装饰器模式;6、策略模式;7、观察者模式。想了解更多laravel的相关内容,可以阅读本专题下面的文章。

2024.04.09

2528

10

thinkphp和laravel哪个简单
thinkphp和laravel哪个简单

对于初学者来说,laravel 的入门门槛较低,更易上手,原因包括:1. 更简单的安装和配置;2. 丰富的文档和社区支持;3. 简洁易懂的语法和 api;4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.04.10

4861

7

laravel入门教程
laravel入门教程

本专题整合了laravel入门教程,想了解更多详细内容,请阅读专题下面的文章。

2025.08.05

7130

22

laravel实战教程
laravel实战教程

本专题整合了laravel实战教程,阅读专题下面的文章了解更多详细内容。

2025.08.05

4676

13

laravel面试题
laravel面试题

本专题整合了laravel面试题相关内容,阅读专题下面的文章了解更多详细内容。

2025.08.05

8769

7

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

2026.03.04

1516

29

Laravel 框架安装指南
Laravel 框架安装指南

本指南详解 Laravel 框架安装全流程,涵盖 PHP 8.1+ 环境配置、Composer 依赖管理工具安装及国内镜像源优化。重点演示使用 composer create-project 命令创建 Laravel 10/11 项目,解决常见安装错误与依赖冲突。从环境搭建到项目初始化,助您快速完成 Laravel 开发环境部署,为后续 Web 应用开发奠定基础。适合 PHP 初学者与框架迁移开发者参考。

2026.04.09

215

6

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
如何安装 Composer
如何安装 Composer

共1课时 | 224人学习

Composer手册
Composer手册

共0课时 | 0人学习