文章内容
2020/10/23 9:32:15,作 者: 黄兵
Angular proxy
最近Angular在调用后端的时候，出现了跨域警告。具体提示如下：
Access to XMLHttpRequest at 'http://localhost:5000/api/v1/account/profile' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
由于http://localhost:5000和http://localhost:4200端口不同，说一产生了跨域。
为了能在开发中调用后端，这里需要设置Angular代理。
在Angular根目录下面新建一个proxy.conf.json文件，具体内容如下：
{
"/api": {
"target": "http://localhost:5000",
"secure": false
}
}之后编辑package.json文件，增加如下内容：
"start": "ng serve --proxy-config proxy.conf.json",
这样就可以实现跨域请求了。
参考资料：
1、Setup a Proxy for API Calls for Your Angular CLI App
黄兵个人博客原创。
转载请注明出处：黄兵个人博客 - Angular proxy
842951998 on 回复 有用（0）
就是我的qq是842951998。我看见你的博客还在更新。求助