ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

angular脚手架配置代理

2021-10-19 10:00:30  阅读:118  来源: 互联网

标签:路径 config xxx 代理 json proxy 脚手架 data 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",

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

标签:路径,config,xxx,代理,json,proxy,脚手架,data,angular
来源: https://blog.csdn.net/weixin_43842373/article/details/120839791

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有