带有 HttpClient 的 Angular 11 中的 Cors 问题答案

【问题标题】：Cors Issue in Angulaar 11 with HttpClient带有 HttpClient 的 Angular 11 中的 Cors 问题
【发布时间】：2021-03-09 23:56:47
【问题描述】：

这是我的服务文件代码。

 getSearchValue() {
    let headers = new HttpHeaders({
      'Accept': 'application/json',
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Headers': 'Content-Type',
      'Access-Control-Allow-Methods': 'GET,POST,OPTIONS,DELETE,PUT',
      'Authorization': 'Bearer Key[enter image description here][1]',
    });

    let options = { headers: headers };
    
    return this.http.get(this.baseUrl, options)
  }

//这是我的服务文件代码。我已经使用显示 cors 问题的在线 api 获取数据

【问题讨论】：

标签： angular11

【解决方案1】：

在极少数情况下，您应该在向服务器发出请求时手动添加任何与 CORS 相关的标头。您添加到请求中的所有 Access-Control-Allow-* 前缀标头实际上都是应该由服务器返回的响应标头。

【讨论】：