Angular工程中代理的设置方法
本文中,我们来学习如何在Angular前端快速的设置代理。
我们先假定我们的后端运行在如下地址:https:\\\\localhost:5001
在我们的前端工程中,我们想通过如下的方式来访问API:
http.get<weatherforecast>(‘/api/weatherforecast’).subscribe(result => {/<weatherforecast>
this.forecasts = result;
}, error => console.error(error));
要实现这个目标,我们需要一个配置文件(proxy.conf.json),示例如下:
{
“/api”: {
“target”: “https://localhost:5001",
“secure”: false
}
}
接下来,我们前往angular.json去配置使用这个文件:
“serve”: {
“builder”: “@angular-devkit/build-angular:dev-server”,
“options”: {
“browserTarget”: “ding-client:build”,
“proxyConfig”: “proxy.conf.json”
},
“configurations”: {
“production”: {
“browserTarget”: “ding-client:build:production”
}
}
},
这是我们所需要做的全部。
接下来启动你的Angular前端就可以访问你的后端数据了。
如果你在使用中遇到什么问题,可以在下面留言。