时间戳

首页 > 解决方案 > 如何使用角度添加动态主机名以将相同的请求路由到不同的服务器

angular - 如何使用角度添加动态主机名以将相同的请求路由到不同的服务器

问题描述

我有一个用例，其中我必须将请求路由到不同的服务器以检索用户详细信息。例如：我想检索用户详细信息API：-/userdetails ，它存在于两个服务器上，即 localhost 以及其他一些服务器上（例如：- 10.215.5.5）。现在根据某些条件，我必须重定向这个userdetails调用其他服务器（本地主机除外）。我怎样才能做到这一点？

标签： angular

解决方案

我建议您使用这两个 URL （api 端点），并且您需要将这些 URL 放在environment.tsandenvironment.prod.ts文件中。在编译时，Angular 编译器将在您创建生产构建时使用该environment.prod.ts文件作为文件。environment.ts

文件One.ts

import { environment } from "~/environment/environment.ts" 
console.log("Current API URL:", enviroment.apiUrl);

环境.ts

export const environment = {
  production: false,
  apiUrl: "http://localhost:4200"
}

环境.prod.ts

export const environment = {
  production: true,
  apiUrl: "https://10.215.5.5"
}

在angular.json文件内部，所有这些文件替换都将发生

"fileReplacements": [
  {
    "replace": "src/environments/environment.ts",
    "with": "src/environments/environment.prod.ts"
  }
],

推荐阅读