使用Angular代理proxy.conf.json解决访问服务器跨域问题

1. 在Angular项目的根目录下创建proxy.conf.json文件。

根目录创建proxy.conf.json

2.在proxy.conf.json文件中进行配置。

proxy.conf.json代码

1）/api：把路径为/api的请求转发到target

2）target：转发到http://yourIP:8888

3）secure：是否开启安全校验

4）logLevel：是否打印转发日志

5）pathRewrite：把'/api'重写为''。不加该字段，则请求 'http://localhost:4200/api/user' 会请求到 'http://IP:8301/api/user' 。加上了，则请求到 'http://yourIP:8301/user'

3.在angular.json中找到projects->项目名->architect->serve->options下添加"proxyConfig": "proxy.conf.json"，如下图

angular.json

4.在package.json中配置代理模式，使用npm run proxy指令启动Angular项目，如下图

package.json