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 文件中scriptsstart命令

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM