如何将环境变量用于API网址（Angular 8，TypeScript，HTML和SCSS用于FrontEnd，C＃用于BackEnd）

Question

我的API网址在我的开发环境（位于utilities.ts中）被硬编码为localhost：4300]

这些是下面的代码

utilities.ts

const hostToApiUrlMap = { 
localhost: 'http://localhost:4300'
};

environment.prod.ts

export const environment {
production: true
};

environment.ts

export const environment {
production: false
};

我知道当我们移至生产环境时，API网址将发生变化。我的问题是“我如何使用环境变量在前端上配置API网址，以便它不会硬编码为localhost：4300？

因此，只要API网址发生更改，开发环境就会自动更新为新的API网址

Answer 1

因此您可以在项目的根目录中创建一个.env文件，然后使用process.env。[无论您的变量名是什么]。然后，您可以随时根据需要轻松更改这些变量。