Laravel 标题‘;内容类型’;根据页眉‘;访问控制允许标头’;来自CORS飞行前响应

Laravel 标题‘;内容类型’;根据页眉‘;访问控制允许标头’;来自CORS飞行前响应,laravel,api,cors,nuxt.js,Laravel,Api,Cors,Nuxt.js,我的问题是我不能通过post将数据发送到我的api->cors 我为这个问题挣扎了好几天。。到目前为止,我试图找到一个解决方案的尝试失败了——具有相同问题的线程有我已经尝试过的解决方案 以下是来自控制台的错误: 根据CORS飞行前响应中的标题“访问控制允许标题”,不允许标题“内容类型” 以下是我的config/cors.php: 'paths' => ['api/*'], 'allowed_methods' => ['*'], 'allowed_origins' => ['*'

我的问题是我不能通过post将数据发送到我的api->cors

我为这个问题挣扎了好几天。。到目前为止,我试图找到一个解决方案的尝试失败了——具有相同问题的线程有我已经尝试过的解决方案

以下是来自控制台的错误:

根据CORS飞行前响应中的标题“访问控制允许标题”,不允许标题“内容类型”

以下是我的config/cors.php:

'paths' => ['api/*'],
'allowed_methods' => ['*'],
'allowed_origins' => ['*'],
'allowed_origins_patterns' => [],
'allowed_headers' => ['*'],
'exposed_headers' => [],
'max_age' => 0,
'supports_credentials' => false
Kernel.php:

protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \Fruitcake\Cors\HandleCors::class,                  <----- Cors Middleware
        \App\Http\Middleware\TrustProxies::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
];
我是API的初学者,并不真正理解point导致CORS错误的原因。 如果是Laravel或Nuxt的问题

我已经尝试向公用文件夹中的routes/api.php和index.php以及.htaccess中的external添加所需的头文件(如各种帖子中所建议的),但没有成功。当然不是同时


希望任何人都能帮助我。

如果将JSON对象作为第二个参数传递给axios.post方法,axios将自动将其序列化为JSON。它还将设置内容类型标题

尝试删除显式标头声明

async register() {
  await this.$axios
    .$post(
      '/api/v1/register',
      {
        ...this.form,
        password_confirmation: this.form.password,
      })
      .then(() => {})
}

谢谢你阅读我的问题。我删除了header参数,但响应没有改变-仍然得到了CORS错误这是完全相同的错误,指的是内容类型的header吗?是的,这是相同的错误我一直在寻找这个。你用的是什么版本的laravel?我用7.2和8试过了。同样的结果。
async register() {
  await this.$axios
    .$post(
      '/api/v1/register',
      {
        ...this.form,
        password_confirmation: this.form.password,
      })
      .then(() => {})
}