【Vite】环境变量的配置与使用

在Vite项目中配置环境变量，你可以使用.env文件来设置环境变量。Vite支持加载项目根目录下的.env文件中的变量，以及根据NODE_ENV的值加载.env.local、.env.development和.env.production等文件。

1. 在项目根目录下创建.env文件。
2. 在.env文件中添加环境变量，例如：

VITE_API_URL=https://api.example.com

3. 在代码中通过import.meta.env访问环境变量，例如：

console.log(import.meta.env.VITE_API_URL); // 输出：https://api.example.com

对于开发环境和生产环境有不同的环境变量配置，你可以创建.env.development和.env.production文件来分别设置。

如果你需要在代码中根据不同环境动态设置环境变量，可以使用import.meta.env.MODE来判断当前的环境，然后导入相应的配置文件。

const env = process.env.NODE_ENV;
 
// 根据不同的环境导入不同的配置文件
if (env === 'development') {
  import devConfig from './config.dev';
} else if (env === 'production') {
  import prodConfig from './config.prod';
}

请注意，.env文件中的变量名不能以VITE_开头，除非你想覆盖Vite的预设变量。