Angular 8: 使用环境文件维护 API URL

Question

我正在使用 Angular8 进行全新的项目。我运行遇到了一个 st运行ge 问题。当我在服务器上部署生产版本时，URL 中的域名重复。例如，https://my.domain.com/api becomes https://my.domain.com/my.domain.com/api 我的 environment.prod.ts 看起来像这样

export const environment = {
  production: true,
  apiUrl: 'https:/my.domain.com/api/',
};

我在我的代码中使用 URL 作为：

myApiUrl: string = environment.apiUrl + 'v1/services/users;

我得到的是：

https://my.domain.com/my.domain.com/api/v1/services/users

Angular 应用程序作为 ROOT 文件夹部署在 Tomcat 8.5 上的 Azure Web 应用程序上。

Answer 1

如果您的 api 与域相关，但与应用位置无关，例如：

应用：https://my.domain.com/app

api: https://my.domain.com/api

您可以使用 apiUrl: location.origin + '/api/'，这样无论在何处托管应用程序都可以正常工作

Answer 2

可能是打字错误 https:/ 单个 / .

Answer 3

首先，我犯了一个愚蠢的错误，我在 https://

中错过了一个 /

但是，由于我的 api 与 angular 应用程序位于同一域中，因此此线程的两个答案（Damian 和 Patricio）也有效。如果 API 在其他域上，那么只要输入正确的 URL 就可以了。

Angular 8: 使用环境文件维护 API URL

Angular 8: Using Environment file for maintaining API URL

angular

angular8