Vue中的.env文件：配置、用法和注意事项

在Vue项目中，.env文件是用来设置环境变量的。Vue CLI项目中通常有三种环境变量文件：

1. .env：所有的环境都会加载
2. .env.local：所有的环境都会加载，但不会被git提交
3. .env.[mode]：只会在指定的模式下加载，例如 .env.production 只在生产环境加载

.env文件通常用来设置不想暴露的配置，如API密钥、端口号等。

用法

在.env文件中，你可以设置变量如下：

VUE_APP_API_URL=https://api.example.com
VUE_APP_SECRET_CODE=secretcode123

然后在你的Vue应用中，你可以通过process.env来访问这些变量：

console.log(process.env.VUE_APP_API_URL); // 输出：https://api.example.com
console.log(process.env.VUE_APP_SECRET_CODE); // 输出：secretcode123

请注意，所有的环境变量名称需要以VUE_APP_开头，这是Vue CLI内部处理的约定。

注意事项

• 不要将任何敏感信息（如密码或API密钥）提交到git仓库中。.env文件应该被添加到.gitignore文件中。
• 当你需要为不同的环境设置不同的变量时，可以创建多个.env文件，如.env.development, .env.test, .env.production，并在这些文件中设置不同的值。
• 当你运行vue-cli-service serve或vue-cli-service build时，可以通过传递--mode参数来指定使用哪个.env文件，例如vue-cli-service build --mode production。