Angular开发环境跨域代理配置

问题描述

API地址:

1
http://fastjee-gateway.com:5002/api/uc/info/{userId}

前端地址:

1
http://localhost:4200

为解决跨域问题, 我们希望在前端开发环境配置代理转发, 转发后的URL如下:

1
http://localhost:4200/uc/info/{userId}

新建proxy.conf.json配置文件

1
2
3
4
5
6
7
8
9
10
11
{
"/uc/*": {
"target": "http://fastjee-gateway.com:5002/api/uc/",
"secure": false,
"logLevel": "debug",
"changeOrigin": true,
"pathRewrite": {
"^/uc": ""
}
}
}

配置scripts (package.json)

1
"start": "ng serve -o --proxy-config proxy.conf.json",

使用

1
2
3
4
5
6
this.http.get('uc/info/' + userid)
.subscribe((res) => {
console.log(res);
},(error) => {
console.error(error);
});

最终控制台打印如下:

1
[HPM] POST /uc/info/1 -> http://fastjee-gateway.com:5002/api/uc/info

注意: 此方法只适用于开发环境

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×