当前位置：首页 > article >正文

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

article 2024/11/19 13:26:36

一、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/",
  },

查看全文

http://www.kler.cn/a/231677.html