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前端就可以訪問你的後端數據了。
如果你在使用中遇到什麼問題，可以在下面留言。
分享到:
閱讀更多 丁哥開講 的文章
