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