1. 設置proxy.config.json文件
{
"/api": { //這裡是前台挪用後端接口時做的代辦標識
"target": "localhost:3100",
"logLevel": "debug",
"secure": false,
"changeOrigin": true,
"pathRewrite": {
"^/api": ""
}
}
}
注重:pathRewrite
部份的設置,"pathRewrite": {"^/api": ""}
假如沒有這部份的設置,那在發送要求的時刻,現實要求的地點將會是http://localhost:3100/api/actionapi/
。相較於實在url
,會多出/api
這一部份。
2. 設置service的url
//這裏的api示意代辦標識
//現實的接見url應當是:http://localhost:3100/actionapi/
const wcfPath = '/api/actionapi/';
3. 設置package.json文件
"scripts": {
"ng": "ng",
"build": "ng build --prod --aot --build-optimizer",
"start:dev": "ng serve --proxy-config proxy.conf.json --open",
"start:aot": "ng serve --prod --aot --proxy-config proxy.conf.json --open",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
}
再從新npm run start:dev啟動一下項目,應當就可以啟用angular反向代辦了。
**趁便再補充一下webpack
和angular
的proxy
地點:https://webpack.js.org/configuration/dev-server/#devserver-proxy
https://github.com/angular/angular-cli/wiki/stories-proxy
**