问题描述
您的后端似乎不接受跨域请求。
为了使其能够在Angular上运行,您必须使用代理,以便前端和后端使用相同的域(相同的主机名和相同的端口)
在开发模式下,您可以使用proxy.config.json
文件设置代理。假设您的后端托管在上your-
domain.com:80
,并且您的后端请求以开头/backend
,则该文件将包含以下内容
{
"/backend/*":{
"target": "your-domain.com",
"secure": false,
"logLevel": "debug"
}
}
通过更改package.json中的以下配置,使您的开发HTTP服务器使用此文件
"scripts": {
"start": "ng serve --proxy-config proxy.config.json",
}
不要忘了使用要求,是你的后端调用http://localhost:4200/backend/...
,而不是http://your-
domain.com/...
为了使其能够在远程服务器上运行,必须在Java Web应用程序(例如Nginx或Apache)上设置HTTP服务器,该服务器配置为执行与前面所述相同的操作。
解决方法
Failed to load URL: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:4200' is therefore not allowed access.
是否可以从Angular2修复此问题而无需更改服务器端(Java Spring Controller)中的代码?
我的密码
const headers = new Headers({'Content-Type': 'application/json','Access-Control-Allow-Origin' : '*'
});
return this.http.get(url,{headers: headers})
.toPromise()
.then(response => response.json().data as Hero[])
.catch(this.handleError);