环境:如何使apiBaseUrl动态

Question

如果我的应用程序处于生产模式，我希望API的基本URL为https://example.com/.如果不是，应该是http://localhost:8080/.

environment.product.ts

export const environment = {
production: true,
apiBaseUrl: 'https://example.com/'
};

环境.ts

export const environment = {
production: false,
apiBaseUrl: 'http://localhost:8080/'
};

现在，如果我在服务中使用environment，它会要求我导入../environment/environment或../environments/environment.prod。

我如何才能导入所需的？如果是生产模式，则导入environment.prod；如果不是生产模式，请导入environment。

Answer 1

在angular.json中有这个部分

"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],

这是为你做的工作

Answer 2

如果我的应用程序需要部署在生产服务器上，那么我们需要environment.products.ts，如果您只需要在本地系统上进行测试或工作，那么您需要environment.ts.

两个文件都应该保存在环境文件夹下，我们可以定义BaseUrl来调用api

对于Environment.prod.ts

export const environment = {
production: true,
apiBaseUrl: 'https://example.com/'
};

在这里，您可以看到，当您需要生产服务器时，您需要生产密钥应为真，否则您可以保留假

对于环境。ts

export const environment = {
production: false,
apiBaseUrl: 'http://localhost:8080/'
};

environment.ts基本上用于本地环境，所以这里应该将production键设置为false。

好运

Answer 3

在angular.json文件中，您必须在下面的部分添加。

"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],

好运