微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angular脚手架配置代理

1、在package.json的同级目录下创建代理配置文件proxy.config.json,并配置如下:

{
    "/data": {
      "target": "http://xxx.xxx.xxx.xxx:8000",	// 当请求路径前缀中有 /data 时转发给 xxx.xxx.xxx.xxx:8000 服务器	
      "secure": false,	// 如果是 https 协议则需要配置这个参数
      "changeOrigin": true,
      "pathRewrite": {	// 重写路径
	    "^/data": ""	// 当请求路径是 /data/students 时,路径会被重写成 /students
	  }
    },
    "/data2": {
      "target": "http://xxx.xxx.xxx.xxx:9000",	
      "secure": false,
      "changeOrigin": true,
      "pathRewrite": {
	    "^/data2": ""
	  }
    }
}

2、然后在package.json中的scripts字段的项目启动命令dev增加配置如下:

"dev": "ng serve --proxy-config proxy.config.json",

这样,在脚手架启动项目后就会使用代理

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐