angular2 使用更改默认端口，并配置proxy.config.json进行跨域访问

在项目根目录新建proxy.config.json 文件



proxy.config.json

{
"/api": {
"target": "http://127.0.0.1:8081"
}
}

在package.json 中更改scripts 下面的start 命令

默认

ng server

改为

ng serve --port 4201 --proxy-config proxy.config.json

package.json



将监听端口改为了4201（默认为4200），地址栏访问http://localhost:4201

并将api/* 下的所有请求都进行了转发，target ：http://127.0.0.1:8081

比如 angular 项目中service 请求的url 为 ‘api/getList’,真实请求地址即为 http://127.0.0.1:8081/api/getList