科尔斯·拉韦尔·武伊斯

Question

我试图用axios从VueJS到Laravel，这是我的API。

我得到了这个错误：

Answer 1

服务器用于承载网页、应用程序、图像、字体等。当您使用web浏览器时，您可能试图访问一个不同的网站（托管在服务器上）。网站经常从Internet上的不同位置（服务器）请求这些托管资源。服务器上的安全策略降低了与请求托管在不同服务器上的资产相关联的风险。让我们看一个安全策略的示例：same-origin。

同源政策限制性很强。在此策略下，服务器a上的文档（例如web页面）只能与服务器a上的其他文档交互。简而言之，同源策略强制要求相互交互的文档具有相同的来源。

检查这个CORS库为Laravel的使用。安装很容易：

$ composer require barryvdh/laravel-cors
$ php artisan vendor:publish --provider="Barryvdh\Cors\ServiceProvider"

return [
     /*
     |--------------------------------------------------------------------------
     | Laravel CORS
     |--------------------------------------------------------------------------
     |
     | allowedOrigins, allowedHeaders and allowedMethods can be set to array('*')
     | to accept any value.
     |
     */
    'supportsCredentials' => false,
    'allowedOrigins' => ['*'],
    'allowedHeaders' => ['Content-Type', 'X-Requested-With'],
    'allowedMethods' => ['*'], // ex: ['GET', 'POST', 'PUT',  'DELETE']
    'exposedHeaders' => [],
    'maxAge' => 0,
];

protected $middleware = [
    // ...
    \Barryvdh\Cors\HandleCors::class,
];

protected $middlewareGroups = [
    'web' => [
       // ...
    ],

    'api' => [
        // ...
        \Barryvdh\Cors\HandleCors::class,
    ],
];

https://www.codecademy.com/articles/what-is-cors