Laravel Cors 访问控制允许来源

Question

突然收到以下警报

跨域读取阻止 (CORB) 阻止了 MIME 类型为 text/html 的跨域响应 http://traxit-backend.test/api/register。详情请见https://www.chromestatus.com/feature/5629709824032768。

无法加载http://traxit-backend.test/api/register：对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://localhost:8080' 因此不允许访问。

OPTIONS http://traxit-backend.test/api/register 500（内部服务器错误）

我的配置运行良好，但今天才开始起作用。我不确定我是否需要做点什么。尝试了我在互联网上读到的不同的东西，但没有运气

kernal.php 文件

protected $middleware = [
        \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
        \App\Http\Middleware\TrustProxies::class,
        \Barryvdh\Cors\HandleCors::class,
    ];

cors.php 文件

  'supportsCredentials' => false,
    'allowedOrigins' => ['*'],
    'allowedOriginsPatterns' => [],
    'allowedHeaders' => ['*'],
    'allowedMethods' => ['*'],
    'exposedHeaders' => [],
    'maxAge' => 0,

];

我在前端使用带有 axios 的 vuejs。使用 laravel 护照获取访问令牌。

Answer 1

添加了 'allowedHeaders' => ['Access-Control-Allow-Origin', '*'],

不确定发生了什么变化，但它已修复

'supportsCredentials' => false,
    'allowedOrigins' => ['*'],
    'allowedOriginsPatterns' => [],
    'allowedHeaders' => ['Access-Control-Allow-Origin', '*'],
    'allowedMethods' => ['*'],
    'exposedHeaders' => [],
    'maxAge' => 0,

];