3

我有一个用 Laravel 和 Lighthouse-php（用于 GraphQL）构建的 API。我的客户端是用 Vue js 构建的，并使用 Apollo 进行 graphQL 客户端实现。每当我提出请求时，我都会收到以下错误：

Access to fetch at 'http://localhost:8000/graphql' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

自然地，我继续安装 laravel-cors 包，但后来我意识到它是默认安装在我的 Laravel 安装（7.2.2）中的。这意味着它\Fruitcake\Cors\HandleCors::class已经添加到中间件数组中Kernel.php，并且 cors 配置文件已经在我的配置目录中。

经过一番谷歌搜索，我意识到我需要添加\Fruitcake\Cors\HandleCors::class到我的文件中的route.middleware数组config/lighthouse.php

它仍然没有工作。我已经重新启动服务器，清除缓存，清除配置并运行，composer dump-autoload但我仍然得到错误。我不知道如何克服这一点。任何帮助将不胜感激。

版本

Laravel 7.2.2

Laravel 灯塔 4.10

4

1 回答 1

9

我从这里灯塔的人那里得到了一些帮助。问题出在我的 cors 配置上。我需要添加graphql到 config/cors 中的路径数组，但我错误地添加了graphql/*. 所以路径数组看起来像这样

'paths' => ['api/*', 'graphql/*'],

而不是这个

'paths' => ['api/*', 'graphql'],

进行更改后，我运行以下命令： php artisan cache:clear，php artisan config:clear并且composer dump-autoload在 CORS 错误消失之前。

对我有用的完整配置是

return [
    'paths' => ['api/*', 'graphql'],
    'allowed_methods' => ['*'],
    'allowed_origins' => ['*'],
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'],
    'exposed_headers' => false,
    'max_age' => false,
    'supports_credentials' => false,
];
于 2020-04-07T11:40:45.060 回答