使用Angular CLI提供的环境配置文件来配置环境变量。
在项目根目录下创建一个名为“environments”的文件夹,并在该文件夹中创建两个文件:环境变量配置文件“environment.ts”和生产环境变量配置文件“environment.prod.ts”。
在这两个文件中,可以将环境变量定义为一个常量。例如:
// environment.ts
export const environment = {
production: false,
apiUrl: 'http://localhost:3000'
};
// environment.prod.ts
export const environment = {
production: true,
apiUrl: 'https://my-api.com'
};
然后在Angular代码中可以通过导入环境变量来使用它。例如:
import { environment } from '../environments/environment';
const url = `${environment.apiUrl}/users`;
这样就可以在不同的环境中使用不同的环境变量,而无需使用系统级别的环境变量。