我正在试图使用Angular对具有基本HTTP身份验证的“普通”Api进行简单的HTTP-Api调用。
我的问题是,浏览器显示:“跨源请求被阻止:同源策略禁止读取外部资源“...”(原因:缺少CORS标头'Access-Control-Allow-Origin')。”。
如果我从Mozilla的“RESTClient”发起请求,一切正常。这是服务器返回的响应头,如果我从RESTClient发起请求:
以下是Angular2请求的服务器响应标头:
这是服务器的响应标头,针对Angular2请求。
如果我从Mozilla的“RESTClient”发起请求,一切正常。这是服务器返回的响应头,如果我从RESTClient发起请求:
Status Code: 200 OK
Age: 0
Cache-Control: proxy-revalidate, proxy-revalidate
Connection: Keep-Alive
Content-Length: 698
Content-Type: text/xml; charset=UTF-8
Date: Mon, 28 Nov 2016 06:52:57 GMT
access-control-allow-credentials: true
access-control-allow-origin: *
如您所见,'access-control-allow-origin:'头部已设置...
这是我的angular2方法:
// hole die Header für die Api-Aufrufe
getHeaders() {
let username = this.variables.getUsername();
let password = this.variables.getPassword();
let headers = new Headers();
//headers.append("Content-Type", "text/xml");
headers.append("Access-Control-Allow-Origin", "*");
headers.append("Access-Control-Allow-Credentials", "true");
headers.append("Authorization", "Basic " + btoa(username + ":" + password));
headers.append("Access-Control-Allow-Methods", "GET, HEAD, OPTIONS, POST, PUT, DELETE");
headers.append("Content-Type", "application/x-www-form-urlencoded");
let options = new RequestOptions({headers: headers});
console.log(JSON.stringify(options));
return options;
}
// Api-Calls
getStatus() {
return this.http.get(this.variables.getUrl() + 'status2.html', this.getHeaders())
//return this.http.get(this.localURL + 'status.json')
.map((res: Response) => res.json())
.catch(this.handleError);
}
以下是Angular2请求的服务器响应标头:
这是服务器的响应标头,针对Angular2请求。
OPTIONS /api/status2.html HTTP/1.1
Host: ...
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:45.0) Gecko/20100101 Firefox/45.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: de,en-US;q=0.7,en;q=0.3
Accept-Encoding: gzip, deflate
Access-Control-Request-Method: GET
Access-Control-Request-Headers: authorization
Origin: http://localhost:3000
Connection: keep-alive
有人能指导我正确的方向或给我一个正确的答案吗?我在stackoverflow和网络上搜索了,但没有找到解决方法...
非常感谢!