Node.js CORS 错误：预检响应中的 AccessControlAllowHeaders 不允许请求标头字段授权

发布于02月06日

我正在try 将请求从一个本地主机端口发送到另一个本地主机端口.我用angularjs on the frontend and node on the backend.

因为它是CORS个请求，在 node 中.js，我在用

res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, PATCH');
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, Authorization');

在Angular 上.js服务文件，我正在使用

return {
    getValues: $resource(endpoint + '/admin/getvalues', null, {
        'get': {
             method: 'GET',
             headers:{'Authorization':'Bearer'+' '+ $localStorage.token}
             }
     }),
}

我得到以下错误

Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response.

请帮忙！

推荐答案

您还必须在允许的标题中添加选项.浏览器在发送原始请求之前发送飞行前请求.见下文

 res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH,OPTIONS');

来源https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/OPTIONS

在CORS中，发送带有选项方法的飞行前请求，以便服务器可以响应是否可以使用这些参数发送请求.Access-Control-Request-Method报头作为飞行前请求的一部分通知服务器，当实际请求被发送时，它将使用POST请求方法发送.Access-Control-Request-Headers报头通知服务器，当实际请求被发送时，它将与X-PINGOTHER和Content-Type自定义报头一起发送.服务器现在有机会确定在这些情况下是否希望接受请求.

EDITED

您可以通过使用npmjs.com/package/corsNPM软件包来避免这种手动配置.我也用过这个方法，它清晰易懂.