Question

在我的Angular应用程序中，当我需要使用基本身份验证从API进行GET调用时，我在JS控制台中收到此错误：

从源“ http://localhost:4200”到“ *********”处对XMLHttpRequest的访问已被CORS策略阻止：对预检请求的响应未通过访问控制检查：否所请求的资源上显示“ Access-Control-Allow-Origin”标头。

如果我尝试使用Postman，相同的电话不会有任何问题。我该如何解决？这是我的代码：

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标头应在服务器端设置。要解决您的问题，您可以设置代理。看看角度documentation

标头中出现错误“ Access-Control-Allow-Origin”

1 个答案: