如何將 Angular 應用程序與 1 個以上的服務器連接？

Question

我有超過 1 台服務器在不同的端口上運行。

1. http://localhost:8081
2. http://localhost:8082
3. http://localhost:8083

目前，我可以將 Angular 2 應用程序的所有模塊/庫連接到任何單個服務器。

但是，如何將不同的庫與不同的服務器連接起來？

我遵循這篇文章的 Angular 應用程序的微服務方法，

Answer 1

我建議您使用注入到服務中的環境變量（假設每個服務庫都有一個），每個變量都有一個特定的變量，一旦完成，您就可以運行 cli（取決於您運行的 cli 的版本） )：

ng build --env

或者

ng build --prod --env=prod

使用縮小的生產代碼。

並在您的 env 文件中：

環境.ts：

export const environment = {
  production: false,
  libOneUrl: 'http://localhost:8081',
  libTwoUrl: 'http://localhost:8082',
  libThreeUrl: 'http://localhost:8083',
};

並在您的 service.ts 中通過以下方式注入它：

import { environment } from '../../environments/environment';

apiUrl = environment.libOneUrl;

對於開發人員。 prod build 在文件 environment.dev.ts 中做同樣的事情。 environment.prod.ts（對於 prod 構建，將生產變量設置為 true）。

Answer 2

目前，我們正在使用微前端方法來連接不同的服務。 https://micro-frontends.org/