創(chuàng)建proxy.conf.json
配置文件,配置代理
舉例:angular運(yùn)行在localhost:4200,需要訪問地址在localhost:8080的api
,api
的url
為localhost:8080/api/user/
,那么配置如下即可(angular代碼中的url
常量就不需要添加主機(jī)地址localhost:8080
了,直接使用api/user/
即可):
{
"/api/*": { // 要訪問的api的url
"target": "http://localhost:8080", // 要訪問的后臺(tái)服務(wù)的主機(jī)地址
"secure": false,
"loglevel": "debug",
"changeOrigin": true
}
}
直接運(yùn)行ng serve --proxy-config proxy.conf.json
或者在package.json
中配置新的script
然后使用npm run 自定義的命令名
即可
舉例:
"scripts": {
"start:proxy":"ng serve --proxy-config proxy.conf.json`"
}
運(yùn)行npm run start:proxy
即可自動(dòng)運(yùn)行ng serve指令酵幕。