Laravel怎么解决跨域问题_Laravel配置CORS跨域访问_网络技术

Laravel怎么解决跨域问题_Laravel配置CORS跨域访问

发布时间 - 2025-12-13 00:00:00 点击率：次

使用 laravel-cors 扩展包解决 Laravel 跨域问题，通过配置 allowed_origins、methods 和 headers 并应用 HandleCors 中间件，实现对前端请求的安全跨域支持。

Laravel 默认会阻止来自不同域名的前端请求，也就是我们常说的跨域问题（CORS）。当你的前端应用（如 Vue、React）运行在 http://localhost:3000，而后端 Laravel 服务在 http://localhost:8000 时，浏览器就会因安全策略拦截请求。解决这个问题的核心是正确配置 CORS 响应头，允许指定来源访问接口。

使用 laravel-cors 扩展包（推荐方式）

最简单高效的方式是使用 fruitcake/laravel-cors 官方推荐的 CORS 中间件包，它能集中管理跨域规则。

安装扩展包：
composer require fruitcake/laravel-cors
Laravel 9+ 通常无需手动注册服务提供者，低版本请检查 config/app.php 是否包含：
Fruitcake\Cors\CorsServiceProvider::class
发布配置文件：
php artisan vendor:publish --provider="Fruitcake\Cors\CorsServiceProvider" --tag="config"

配置 cors.php 文件

生成的 config/cors.php 是核心配置文件，控制哪些来源可以访问：

allowed_origins：允许的域名列表，例如 ['http://localhost:3000', 'https://your-frontend.com']，可使用 * 允许所有（仅限开发）
allowed_methods：允许的请求方法，如 ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS']
allowed_headers：允许的请求头，如 ['Content-Type', 'X-Requested-With', 'Authorization']
supports_credentials：是否允许携带 Cookie 或认证信息，设为 true 时 allowed_origins 不能为 *

应用中间件到路由

该包提供了全局和局部两种使用方式：

全局生效：在 app/Http/Kernel.php 的 $middleware 数组中添加：
\Fruitcake\Cors\HandleCors::class
按路由分组或单独使用：在 $middlewareGroups 如 api 中加入中间件，只对 API 路由生效

手动添加 CORS 头（临时方案）

若不想引入扩展包，可在中间件中手动设置响应头：

创建中间件：php artisan make:middleware Cors
在 handle 方法中添加：
$response = $next($request);
$response->headers->set('Access-Control-Allow-Origin', 'http://localhost:3000');
$response->headers->set('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
$response->headers->set('Access-Control-Allow-Headers', 'Content-Type, Authorization');
注册中间件并应用到路由

基本上就这些。推荐始终使用 laravel-cors 扩展包，配置清晰、维护方便，避免手动处理 OPTIONS 预检请求出错。生产环境注意不要开放 * 源，防止安全风险。

# php # vue # react # laravel # 前端 # composer # cookie # 浏览器 # app # access # 后端 # 中间件 # require

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：如何快速搭建高效服务器建站系统？

下一篇：如何快速搭建高效可靠的建站解决方案？

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：如何快速搭建高效服务器建站系统？

下一篇：如何快速搭建高效可靠的建站解决方案？