angular反向代理配置

Angular-cli 是基於webpack 的一套針對提升angular開發體驗的命令行工具。
開發vue的時候，基於webpack的時候當時配置一個反向代理以完全實現前后端分離的體驗，既然webpack是可以配置的那么angular一定也是可以配置的，所以就查了相關的資料，angular反向代理配置方法如下：

1. 在項目根目錄下新增一個文件保存代理的配置(proxy.conf.json)

   {
     "/": {
       "target": "http://localhost:5000",
       "secure": false,
       "changeOrigin": true
     }
   }
   

2. 修改 package.json 文件中scripts下start命令

   ng serve --proxy-config proxy.conf.json
   

3. 啟動項目的時候執行 npm run start 或者 ng serve --proxy-config proxy.conf.json