如何实现不同环境的文件路径答案

【问题标题】：How to implement file path for different environments如何实现不同环境的文件路径
【发布时间】：2023-03-05 18:17:02
【问题描述】：

我正在尝试从 tutorial 实现 ngx-translate：

当我使用 npm start 在本地运行 Angular 应用程序时，它工作正常。但是当我想像这样使用自定义子目录时：ng build --output-path angular --base-href=/angular/ 并将其部署在 Apache 服务器上时，找不到文件。

文件位于src\assets\i18n\en.json下

我收到多个这样的错误：

message: "Http failure response for http://123.123.123.123/assets/i18n/en.json: 404 Not Found"

幸运的是，我设法使用以下代码解决了这个问题：

export function HttpLoaderFactory(httpClient: HttpClient) {
  return new TranslateHttpLoader(httpClient, '/angular/assets/i18n/', '.json');
}

但是现在当我使用 ng start 在本地运行时，找不到文件。

您知道如何解决这两种情况吗？

【问题讨论】：

【解决方案1】：

你必须改变相对路径

export function HttpLoaderFactory(httpClient: HttpClient) {
  return new TranslateHttpLoader(httpClient, 'assets/i18n/', '.json');
}

【讨论】：