错误'Access-Control-Allow-Origin'进入标题

Question

在我的Angular应用程序中，当我需要从API调用一个带有基本身份验证的GET时，我在JS控制台中得到以下错误：

CORS策略阻止从来源'http://localhost:4200'访问位于'***********'的XMLHttpRequest：对飞行前请求的响应未通过访问控制检查：请求的资源上没有'Access-Control-Alloc-Origin'标头。

export class DataService {

  constructor(private http: HttpClient) { }

  private postsURL = "********";

  getData(){
    const httpOptions = {
      headers: new HttpHeaders({
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Expose-Headers': 'Content-Length,X-Foo,X-Bar',
        'Content-Type':  'application/json',
        'Authorization': 'Basic ' + btoa('*****:*****')
      })
    };

    return this.http.get(this.postsURL, httpOptions); 
  }
}

Answer 1

CORS报头应设置在服务器端。为了解决您的问题，您可以设置一个代理。看一看angular文档