Angular-cli 是基于webpack 的一套針對提升angular開發(fā)體驗的命令行工具。
開發(fā)vue的時候,基于webpack的時候當時配置一個反向代理以完全實現(xiàn)前后端分離的體驗,既然webpack是可以配置的那么angular一定也是可以配置的,所以就查了相關的資料,angular反向代理配置方法如下:
-
在項目根目錄下新增一個文件保存代理的配置(proxy.conf.json)
{ "/": { "target": "http://localhost:5000", "secure": false, "changeOrigin": true } } -
修改 package.json 文件中
scripts下start命令ng serve --proxy-config proxy.conf.json 啟動項目的時候執(zhí)行
npm run start或者ng serve --proxy-config proxy.conf.json