在angular12中proxy.conf.json中配置详解

一、proxy.conf.json文件的目录

二、proxy.conf.json文件中的配置 

"/xxx/api": {"target": "地址/api","secure": false,"logLevel": "debug","changeOrigin": true,"pathRewrite": {"/xxx/api": ""}

1.  target:  后端的接口地址；

2.  secure：看后端协议是https还是http，如果为http就设置为true，如果希望支持https就设置为false；（默认情况下，将不接受在 HTTPS 上运行且证书无效的后端服务器）

3.  logLevel：设置成debug可以看出源地址转换为目标地址的过程；

4.  changeOrigin：是否跨域；

5.  pathRewrite：重写，将地址重写"";

三、在package.json中的配置

 "scripts": {"ng": "ng","start": "ng serve --proxy-config proxy.conf.json",},

一般情况下配置成这种就行了。

针对于多项目开发后面还需要配置基础地址和部署地址，例如:

"scripts": {"ng": "ng","start": "ng s --port 4200 -o --hmr --proxy-config proxy.conf.json --base-href /xxx/ --deploy-url /xxx/",},