Angular代理配置不能同时处理多个API。
创始人
2024-10-23 20:01:10
0

在angular.json中声明多个代理配置,并在proxy.conf.js中使用配置的键来指定需要使用哪个代理。

首先,在angular.json文件中添加多个代理配置。例如,我们可以声明两个代理配置,一个用于API1,另一个用于API2:

"projects": {
  "my-app": {
    "architect": {
      "serve": {
        "options": {
          "proxyConfig": "src/proxy.conf.js",
          "port": 4200
        }
      }
    }
  }
},
"api1": {
  "target": "http://localhost:3000",
  "secure": false
},
"api2": {
  "target": "http://localhost:4000",
  "secure": false
}

然后,在proxy.conf.js文件中使用代理配置的键来指定需要使用哪个代理。例如,我们可以为API1设置代理,如下所示:

const PROXY_CONFIG = {
  "/api1": {
    "target": "http://localhost:3000",
    "secure": false,
    "changeOrigin": true,
    "pathRewrite": {
      "^/api1": ""
    }
  }
};

module.exports = PROXY_CONFIG;

同样地,我们可以为API2设置代理,如下所示:

const PROXY_CONFIG = {
  "/api2": {
    "target": "http://localhost:4000",
    "secure": false,
    "changeOrigin": true,
    "pathRewrite": {
      "^/api2": ""
    }
  }
};

module.exports = PROXY_CONFIG;

最后,在我们的Angular应用程序中,我们可以在需要访问API1的地方使用“/api1”前缀,例如:

this.httpClient.get('/api1/items').subscribe(items => {
  console.log(items);
});

同样地,为了访问API2,我们可以使用“/api2”前缀:

this.httpClient.get('/api2/users').subscribe(users => {
  console.log(users);
});

相关内容

热门资讯

黑科技工具!wpk有长期盈利玩... 1、黑科技工具!wpk有长期盈利玩家(微扑克如何让系统发好牌)起初是有挂(有挂解惑)-哔哩哔哩;详细...
黑科技科技!aapoker辅助... 黑科技科技!aapoker辅助实际测试(wpk最新黑科技)都是存在有挂(有挂助手)-哔哩哔哩1、实时...
黑科技真的!aapoker辅助... 黑科技真的!aapoker辅助软件(aapoker发牌机制)原本真的有挂(有挂秘笈)-哔哩哔哩1)a...
黑科技插件!wepoke有插件... 黑科技插件!wepoke有插件(线上wpk德州ai机器人)最初真的有挂(讲解有挂)-哔哩哔哩1、打开...
黑科技ai代打!wepoke黑... 黑科技ai代打!wepoke黑科技ai(aapoker辅助工具ai)确实是真的有挂(揭秘有挂)-哔哩...
黑科技好牌!轰趴大菠萝十三水有... 黑科技好牌!轰趴大菠萝十三水有外挂(aapokerai辅助)原先存在有挂(有挂方针)-哔哩哔哩;是一...
黑科技线上!德州之星辅助软件(... 黑科技线上!德州之星辅助软件(德扑ai智能机器人)果然是真的有挂(真的有挂)-哔哩哔哩德扑ai智能机...
黑科技好友房!德州之星透牌器是... 黑科技好友房!德州之星透牌器是真的(wepoke智能ai)先前是有挂(有挂详情)-哔哩哔哩1、打开德...
黑科技ai!微扑克有脚本(德扑... 黑科技ai!微扑克有脚本(德扑ai软件靠谱吗)果然是真的有挂(果真有挂)-哔哩哔哩是一款可以让一直输...
辅助黑科技!pokermast... 辅助黑科技!pokermaster是有外挂(wpk到底有没有外挂)果然真的有挂(竟然有挂)-哔哩哔哩...