angular反向代理配置

作者: 天天向上卡索 | 来源:发表于2018-05-19 22:22 被阅读134次

    Angular-cli 是基于webpack 的一套针对提升angular开发体验的命令行工具。
    开发vue的时候,基于webpack的时候当时配置一个反向代理以完全实现前后端分离的体验,既然webpack是可以配置的那么angular一定也是可以配置的,所以就查了相关的资料,angular反向代理配置方法如下:

    1. 在项目根目录下新增一个文件保存代理的配置(proxy.conf.json)

      {
        "/": {
          "target": "http://localhost:5000",
          "secure": false,
          "changeOrigin": true
        }
      }
      
    2. 修改 package.json 文件中scriptsstart命令

      ng serve --proxy-config proxy.conf.json
      
    3. 启动项目的时候执行 npm run start 或者 ng serve --proxy-config proxy.conf.json

    相关文章

      网友评论

        本文标题:angular反向代理配置

        本文链接:https://www.haomeiwen.com/subject/kxyqdftx.html