angular反向代理配置
Angular-cli 是基于webpack 的一套针对提升angular开发体验的命令行工具。
开发vue的时候,基于webpack的时候当时配置一个反向代理以完全实现前后端分离的体验,既然webpack是可以配置的那么angular一定也是可以配置的,所以就查了相关的资料,angular反向代理配置方法如下:
-
在项目根目录下新增一个文件保存代理的配置(proxy.conf.json)
{ "/": { "target": "http://localhost:5000", "secure": false, "changeOrigin": true } }
-
修改 package.json 文件中
scripts
下start
命令ng serve --proxy-config proxy.conf.json
-
启动项目的时候执行
npm run start
或者ng serve --proxy-config proxy.conf.json
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。