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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容