跨域错误因未配置CORS策略，可通过Laravel中间件、fruitcake/laravel-cors扩展包或Nginx/Apache服务器层配置解决。
如果您在开发前后端分离的应用时，前端请求 Laravel 后端接口出现跨域错误，则说明服务器未正确配置跨域资源共享（CORS）策略。以下是解决此问题的步骤：
本文运行环境：MacBook Pro，macOS Sonoma
一、使用 Laravel CORS 中间件
Laravel 提供了内置的方式来处理跨域请求，可以通过创建或使用现有的中间件来允许指定来源的请求访问 API。
1、在终端执行命令创建自定义中间件：php artisan make:middleware HandleCors。
2、打开 app/Http/Middleware/HandleCors.php 文件，在 handle 方法中添加响应头信息：
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type, Authorization');
3、如果请求方法为 OPTIONS，直接返回空响应以响应预检请求：
if ($request->getMethod() === 'OPTIONS') { return response('', 200); }
4、将该中间件注册到 app/Http/Kernel.php 的 $middleware 数组中，使其全局生效。
二、使用 fruitcake/laravel-cors 扩展包
该扩展包是 Laravel 社区广泛使用的 CORS 解决方案，能够通过配置文件轻松管理跨域策略。
1、通过 Composer 安装扩展包：composer require fruitcake/laravel-cors。
2、在 config/app.php 的 providers 数组中注册服务提供者：
Fruitcake\Cors\CorsServiceProvider::class,
3、发布配置文件：php artisan vendor:publish --tag=cors。
4、修改 config/cors.php 配置允许的源、方法和头部信息，例如设置 'allowed_origins' => ['http://localhost:3000'] 以允许本地前端访问。
5、确保 RouteServiceProvider 中的 API 路由使用了内置的 cors 中间件组。
三、在 Nginx 或 Apache 反向代理层配置 CORS
若不希望通过 PHP 层处理跨域，可在 Web 服务器层面直接设置响应头，提升性能并减少应用负担。
1、对于 Nginx，在 server 块中添加以下响应头指令：
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS";
add_header Access-Control-Allow-Headers "Content-Type, Authorization";
2、确保在 location ~ \.php$ 块中也包含这些头信息。
3、对于 Apache，编辑 .htaccess 或虚拟主机配置文件，添加：
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"
Header set Access-Control-Allow-Headers "Content-Type, Authorization"
4、重启 Web 服务器使配置生效。
