Axios.defaults.withCredentials =真正瘫痪api响应

Question

我已经完成了我的laravel，nuxt(ssr，服务器)项目，并部署了它们的独立子域，如api.example.com && beta.example.com。

为了用户登录，当我在laravel中将axios.defaults.withCredentials = true添加到resources/js/bootstrap.js文件时，所有的api /post请求都变得非常慢，甚至请求抛出超时，但是当我直接连接到api url (比如https://api.example.com/api/v1/categories )时，它会立即显示出来。此外，在beta子域，它在没有使用axios.defaults.withCredentials = true的情况下，来得非常快。

我在nuxt中使用laravel圣地和@nuxtjs/proxy模块，例如：

nuxt.config.js

modules: [
    // https://go.nuxtjs.dev/axios
    ['@nuxtjs/axios', {
        proxy: true,
        credentials: true,
    }],
    // https://github.com/nuxt-community/proxy-module
    '@nuxtjs/proxy',
],
proxy: {
    "/v1/": {
        target: `https://api.example.com/api/v1`,
        pathRewrite: { "^/v1": "" },
        changeOrigin: true
    },
    // and more
    // ...
    // ..
    // .
},

cors.php

  'paths' => [
    'api/*',
    'login',
    'logout',
    'register',
    'forgot-password',
    'reset-password',
    'user/password',
    'user/profile-information',
    'email/verify/*',
    'email/verification-notification',
    'sanctum/csrf-cookie',
],

'allowed_methods' => ['*'],

'allowed_origins' => ['*'],

'allowed_origins_patterns' => [],

'allowed_headers' => ['*'],

'exposed_headers' => [],

'max_age' => 0,

'supports_credentials' => true,

bootstrap.js

axios.defaults.withCredentials = true;

.env

SESSION_DRIVER=cookie
SESSION_DOMAIN=.example.com
SANCTUM_STATEFUL_DOMAINS=*.example.com

为什么axios.defaults.withCredentials = true这样做？我不知道是什么导致了经济放缓.我能做些什么来解决这个问题？

Answer 1

window.axios.defaults.withCredentials = true;