前后端分离跨域问题

apache 网站配置 header 头

Header set Access-Control-Allow-Origin *

或者安装 laravel-cors
github.com/barryvdh/laravel-cors

Laravel 8 自带，配置下 cors.php 就可以。

响应时设置一下相关的 header 头

解决方案比较多 博客：跨域请求后端配置

laravel 中可建立中间件如名称 cors

<?php
namespace App\Http\Middleware;
use Closure;
class Cors
{
    public function handle($request, Closure $next) {
        $response = $next($request);
        $response->withHeaders([
            'Access-Control-Allow-Origin' => '*', //允许的域名
            'Access-Control-Allow-Methods'=> 'POST, GET',
            'Access-Control-Allow-Headers'=> '*',
        ]);
        return $response;
    }
}

在 App\Http\Kernel.php 注册

protected $routeMiddleware = [
  ...
 'cors'     => \App\Http\Middleware\Cors::class,
];

然后就可以在路由分组或单个路由中使用

protected $middlewareGroups = [
        'api' => [
            'throttle:60,1',
            'cors',
        ]
    ];

看信息是跨域配置的返回头重复了，检查一下代码里面和服务器里面都配置了，去掉一个，建议去掉代码里面的

要么是 apache 要么是代码里的 response header 重复了，检查去掉重复的就好了

个人推荐使用代理