angular反向代理配置

最新推荐文章于 2022-12-17 21:19:58 发布

weixin_30920853

最新推荐文章于 2022-12-17 21:19:58 发布

阅读量136

点赞数

文章标签： json webpack javascript ViewUI

原文链接：http://www.cnblogs.com/weihanli/p/using-proxy-in-angular.html

版权

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

转载于:https://www.cnblogs.com/weihanli/p/using-proxy-in-angular.html