如何解决Laravel + Nuxt.js中的CORS误差

Question

我正在安装旧的项目，它是由Nuxt.js (前端)和Laravel (后端)在我的本地。

CORS策略阻止从“

”从“http://localhost:8000/api/user”访问“http://127.0.0.1:3000”：对飞行前请求的响应不通过访问控制检查:当请求的凭据模式为“包括”时，响应中的“访问-控制-允许-原产地”标题的值不能是通配符“*”。由XMLHttpRequest发起的请求的凭据模式由withCredentials属性控制。

这就是我管理这个项目所面临的问题。

请求的前端配置(nuxt nuxt.config.js)。

user: {
    url: '/api/user',
    method: 'get',
    propertyName: false,
    withCredentials: true,
    headers: {
        X-Requested-With': 'XMLHttpRequest',
        Content-Type': 'application/json'
    }
}

后端配置(Laravel config/cors.php)

'paths' => ['api/*'],
'allowed_methods' => ['*'],
'allowed_origins' => ['*'],
'allowed_origins_patterns' => [],
'allowed_headers' => ['*'],
'exposed_headers' => [],
'max_age' => 0,
'supports_credentials' => true,

我试图通过谷歌搜索找到解决方案，但没有找到正确的解决方案。

withCredetials is true

CORS: credentials mode is 'include'

The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'

所以，我需要有人在这个领域帮助我。

Answer 1

在你的laravel应用程序中试试这样吧：

php artisan serve --host YOUR_LOCAL_IP

YOUR_LOCAL_IP是您的ip，可以在linux中使用ifconfig命令访问，在windows中可以使用ipconfig访问。

最后，您应该请求YOUR_LOCAL_IP:PORT/api