Question

我有1台以上的服务器在不同的端口上运行。

http://localhost:8081
http://localhost:8082
http://localhost:8083

当前，我可以将Angular 2应用程序的所有模块/库连接到任何单个服务器。

但是，如何将不同的库与不同的服务器连接？

在this文章

之后，我正在遵循针对Angular应用程序的微服务方法

Answer 1

目前，我们正在使用微前端方法来连接不同的服务。 https://micro-frontends.org/

Answer 2

我建议您使用注入services（假设每个服务库都有一个）的环境变量，每个环境变量都有一个特定的变量，完成后就可以运行cli with（您正在运行什么版本的cli）：

ng build --env

或

ng build --prod --env = prod

带有最小化的生产代码。

并在您的环境文件中：

environment.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（将生产变量的生产变量设置为true）。

如何将Angular应用程序与多台服务器连接？

2 个答案: