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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_16566415/article/details/76547966

在项目根目录新建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