Как настроить приложение angular для подключения к удаленному серверу в производственном режиме

Question

У меня есть приложение angular, которое размещено на сервере 'ab c -def.com', и соответствующий REST apis ', который позволяет пользователю аутентифицировать и использовать это приложение angular, на' cdf- aqb.com.

И приложение angular, и мой REST apis 'размещены на tomcat на разных серверах. Как я могу настроить мое приложение angular на подключение к серверу приложения, если оба они размещены в производственной среде.

В моем случае я создал angularapp.war, который является частью установщика. Эта война развернута в tomcat в ab c -def.com. Аналогичным образом код API REST является частью другого установщика, который развернут на другом сервере на cdf-aqb.com. В этом случае я не буду заранее знать, как использовать environment.prod.ts. Поскольку серверное приложение может быть размещено где угодно.

Должен ли я запросить ввод имени хоста API сервера, прежде чем пытаться подключиться для аутентификации на сервере?

Answer 1

вы изучали настройку файлов environment.ts & environment.prod.ts?

Я обычно делаю следующее:

внутри environment.ts Я помещаю локальный URL

export const environment = {
  production: false,
  BASEURL: 'localhost:3000'
};

, тогда в `environment.prod.ts я бы :

export const environment = {
  production: true,
  BASEURL: 'cdf-aqb.com'
};

вам нужно будет обновить все ваши службы, чтобы включить BASEURL, это будет выглядеть примерно так:

return this.http.post<TokenResponse>(`${environment.BASEURL}/api/auth/register`, body);

при использовании ng build --prod angular будет использовать environment.prod.ts надеюсь, что это поможет

полезные статьи:

https://angular.io/guide/build

https://blog.angulartraining.com/how-to-manage-different-environments-with-angular-cli-883c26e99d15