Laravel 的跨域问题解决方案

发布网友发布时间：2024-09-30 12:34

共1个回答

热心网友时间：2024-11-30 07:01

在 Laravel 研发过程中，跨域资源共享（CORS）问题是一个常见挑战。

虽然过去有许多解决方案，如 JSONP 等，但个人倾向于采用更为官方的方法。自 Laravel 7 版本起，官方已经提供了相应的解决方案。

具体做法是利用 Middleware，在 API 响应中添加 Access-Control-Allow-Origin 信息头，从而使客户端能够顺利访问跨域资源。

以下是一个简单的示例，展示如何实现前端访问。

例如，访问本地 8000 端口上的资源（Laravel 本地研发通常使用 8000 端口），并将该页面运行在另一个端口（默认 80 端口）上，这样就形成了跨域资源访问。

Laravel 7 默认安装了 fruitcake/laravel-cors 包，用于处理 CORS 消息。配置参数存储在 config 目录下的 cors.php 文件中，默认参数即可满足需求。

在 Laravel 的 routes/api.php 中创建一个简单的处理函数：

刷新 HTML 文件后，可以看到返回的“Hello Laravel with CORS”消息。

对于 Laravel 5 或 Laravel 6 项目，可以按照以下步骤编写一个简单的中间件，原理类似，效果也相似：

使用 PHP artisan 命令创建中间件：

修改中间件的 handle 函数：

在 app/Http 目录中的 Kernel.php 文件中，修改 $middleware 数组，增加一行以注册这个中间件：

这样，所有 HTTP 返回的消息都会自动添加必要的 CORS 头。