相关疑难解决方法(0)

405 方法不允许,尽管 CORS

我正在尝试使用 Angular 开发前端应用程序。由于我向HTTP POST 和 GET 请求添加了授权标头,因此我收到了405 Method Not Allowed,尽管我似乎允许服务器端的所有内容。

在此处输入图片说明

我的浏览器 Chrome 中的调试器说它要求Access-Control-Request-Method: POSTAccess-Control-Request-Headers: authorization,我的后端允许同时,access-control-allow-methods: GET, POSTaccess-control-allow-headers: authorization,以及access-control-allow-credentials: true

我不明白我在这里缺少什么。服务器是一个 node.js express 服务器,标头设置如下:

res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST');
res.setHeader('Access-Control-Allow-Credentials', 'true');
res.setHeader('Access-Control-Allow-Headers', 'authorization');
Run Code Online (Sandbox Code Playgroud)

前端代码(Angular 5)如下所示:

this.http.request('post', apiUrl, {
  headers: new HttpHeaders().set('Authorization', 'Bearer abc'),
}).subscribe(response => {
  // some code
});
Run Code Online (Sandbox Code Playgroud)

哪里this.http是角的实例HttpClient

我的前端应用程序是从我的本地主机域“ http://frontend.localhost/app ”提供的,我的后端服务器位于“ http://backend.localhost ”。

我的问题是,我是否缺少一些必须在后端设置的标头?我需要在我的前端应用程序中设置一些选项吗?

http xmlhttprequest http-headers cors angular-httpclient

7
推荐指数
1
解决办法
2万
查看次数