为什么 CORS 在我的 angular 项目中阻止我的授权 header？

Question

因此，当我尝试连接到 slack Api“https://slack.com/api/conversations.history”并将授权添加为 header 时，我得到了这个错误 Error picture 我试过使用 headers Access-Control-Allow-Credential、Access-Control-Allow-Methods、Access-Control-Allow-origin 和 Access-Control-Allow-header 所有这些都以相同的方式返回上面的错误，而是说下面 header 的名称是我的代码。

const headers = new HttpHeaders({
  'Content-Type': "application/x-www-form-urlencoded",
  'Authorization': "Bearer <access-token>"
}) 
const body= "?channel=C03G3MG1KPE"
return this.http.get<any>(this.getURL+body,{ headers: headers });

我也在使用 Angular：8.2.12 如果上下文有帮助的话

Answer 1

好的，所以我能够将它切换到 post，然后通过 post 的正文添加身份验证令牌，有点奇怪，但如果它有效，我想它会起作用。

const header = new HttpHeaders({
  'Content-Type': "application/x-www-form-urlencoded"
}) 
const options = {
  headers: header
}
const body="token=<Token Here>"
const path= "?channel="+channel
return this.http.post<any>(this.getURL+path,body,options);

为什么 CORS 在我的 angular 项目中阻止我的授权 header？

Why is CORS blocking my Authorization header in my angular project?

angular

cors

http-headers

request-headers