答案:通过中间件、控制器设置响应头或使用第三方库配置CORS规则可解决浏览器跨域请求阻止问题。具体步骤包括创建并注册CorsMiddleware.php中间件,设置access-Control-Allow-Origin等响应头,或在控制器中调用withHeader方法配置跨域参数,亦可通过安装fruitcake/laravel-cors库简化Laravel框架的CORS配置流程。

如果您在开发前后端分离的应用时遇到浏览器阻止请求的问题,这通常是因为跨域资源共享(CORS)策略限制了不同源之间的通信。为了解决这一问题,需要在php框架中正确配置CORS规则以允许指定的域名访问资源。
本文运行环境:Dell XPS 13,ubuntu 24.04
一、使用中间件配置CORS
通过中间件可以在请求到达路由之前统一设置响应头,从而实现对所有或特定请求的跨域支持。这种方式适用于Laravel、symfony等支持中间件机制的PHP框架。
1、创建一个名为CorsMiddleware.php的中间件文件,并在其中定义handle方法。
立即学习“PHP免费学习笔记(深入)”;
2、在handle方法中添加必要的响应头信息,例如:Access-Control-Allow-Origin、Access-Control-Allow-Methods 和 Access-Control-Allow-Headers。
3、将该中间件注册到应用的核心中间件组或者分配给特定的路由分组。
4、确保在响应返回前调用$next($request)以继续请求生命周期。
二、在控制器中直接设置响应头
对于不使用中间件机制的小型项目或特定接口,可以直接在控制器的方法中手动添加CORS相关的http头信息,以便快速启用跨域请求支持。
1、打开需要支持跨域的控制器文件,在对应的方法开始处获取响应实例。
2、调用withHeader方法依次设置以下关键头部:Access-Control-Allow-Origin: *(生产环境应限定具体域名),Access-Control-Allow-Methods: GET, POST, PUT, delete, OPTIONS,以及 Access-Control-Allow-Headers: Content-Type, Authorization。
3、确保在预检请求(OPTIONS)时立即返回状态码200,避免浏览器因未收到正确响应而中断实际请求。
三、利用第三方库简化配置
借助现成的开源库如fruitcake/laravel-cors可以极大减少手动编写CORS逻辑的工作量,尤其适合Laravel框架用户。
1、通过composer安装fruitcake/laravel-cors扩展包,执行命令composer require fruitcake/laravel-cors。
2、发布配置文件并进行修改,运行php artisan vendor:publish –tag=”cors”生成cors.php配置文件。
3、编辑config/cors.php中的allowed_origins、allowed_methods和allowed_headers数组,按需填写允许的来源、请求方式和请求头字段。
4、确认服务提供者已自动注册,若未自动加载则需手动在config/app.php中添加FruitcakeCorsCorsServiceProvider::class。


