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

Question

我正在尝试实现本教程中的ngx-translate:

在本地，当我使用npm启动运行angular应用程序时，它运行得很好。但是，当我想使用这样的自定义子目录：ng build --output-path angular --base-href=/angular/并将其部署在Apache服务器上时，找不到该文件。

文件位于srcassetsi18nen.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在本地运行时，找不到文件。

你知道在这两种情况下如何解决吗？

Answer 1

您必须更改相对路径

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