Question

我使用REST API构建了一个angular 4应用程序。我已发送http get请求以使用API获取json数据，但我遇到了以下错误：

无法加载http://localhost:50979/api/workflow：请求的资源上没有“Access-Control-Allow-Origin”标头。因此，不允许原点“http://localhost:4200”访问。

当我按照以下代码添加标题时：

let headers = new Headers({ 'Content-Type': 'application/json',crossDomain: true});
let options = new RequestOptions({ headers: headers });
return this.http.get(this.url, options)
           .subscribe(
            res =>this.extractData,
            err => this.handleErrorObservable
          );

我遇到以下错误：

url：string =“http://rpa.commandcenter.com/api/workflow”; let data = JSON.stringify（this.EditForm.value）;

let headers = new Headers({ 'Content-Type': 'application/json',crossDomain: true});
let options = new RequestOptions({ headers: headers });
return this.http.get(this.url, options)
           .subscribe(
            res =>this.extractData,
            err => this.handleErrorObservable
          );

我无法识别问题。

Answer 1

此问题与后端团队有关，他们必须允许您的域访问服务，资源

Answer 2

这是一个后端问题，而不是你的角度代码你的情况下后端服务器localhost需要启用CORS或设置允许源头文件，如果它可以从.htacess或从nginix / apache的服务器配置文件完成很好。

如果这是出于开发目的，请获取允许CORS的浏览器插件。

Access-Control-Allow-Origin错误

2 个答案: