向Angular 7 Http调用添加任何标头将返回400

时间:2019-02-27 23:48:49

标签: angular rest http cors

我看到了几篇这样的帖子,但无法解决。我看到了CORS,并且还安装了CORS插件以绕过。

问题:

  • 带有标题,我看到一个http 400错误和CORS错误
  • 没有标题,我看到一个http 401错误,没有CORS错误。

通话

const httpHeaders = new HttpHeaders ({
    'Content-Type': 'application/json',
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Methods': 'GET, POST, PATCH, PUT, DELETE, OPTIONS',
    'Access-Control-Allow-Headers': 'Origin, Content-Type, X-Auth-Token',
    'Authorization': 'Bearer 90dm8...kq1',
  });

return this.http.get<any>(`${environment.apiBase}/V1/products`, {headers: httpHeaders});

我看到了

enter image description here

如果我删除了headers,则看到了实际的错误。如下:

return this.http.get<any>(`${environment.apiBase}/V1/products`);

enter image description here

相同的服务在POSTMAN中正常工作。

enter image description here

0 个答案:

没有答案