javascript - 在获取 api 中使用 header 时不允许使用 405 方法

Question

我正在尝试使用 fetch 发出 ajax 请求，当我这样做时，我收到了一个 405(方法不允许) 错误。

我是这样执行的:

fetch(url, {
    method: 'get',
    headers: {
        'Game-Token': '123'
    }
});

这给了我一个错误。如果我删除 header ，请求就会通过。但是，我需要该 header 在服务器上进行验证。

fetch(url, { method: 'get' });

我的 .htaccess 文件中有以下设置:

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS, FETCH"
Header set Access-Control-Allow-Credentials "true"
Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept, Authorization, X-CSRF-TOKEN, Game-Token, developerKey"
Header set X-Frame-Options "SAMEORIGIN"
Header set Access-Control-Expose-Headers "Game-Token"

我不确定是什么导致它无法通过。

Answer 1

因此，这与 JavaScript 或 .htaccess 无关。相反，它与 Lumen 有关。我们需要捕获 OPTIONS 请求并回复。我们所做的是创建一个检查 OPTIONS 方法并以 200 响应的中间件文件。

use Closure;

class CorsMiddleware
{

    public function handle($request, Closure $next)
    {

        if ($request->isMethod('OPTIONS'))
        {
            return response('',200);
        }

        return $next($request);
    }
}