在fetch api中使用标头时不允许使用405方法

Question

我试图使用fetch发出ajax请求，当我这样做时，我得到一个405（不允许使用方法）错误。

我是这样执行的：

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

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

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。相反，它与管腔有关。我们需要捕获选项请求并回复。我们所做的是创建一个中间件文件，用于检查选项方法，并用200响应。

use Closure;

class CorsMiddleware
{

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

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

        return $next($request);
    }
}