process.env 管理 Vue 项目的环境变量（Vue项目中环境变量的配置及调用）
warning:
这篇文章距离上次修改已过189天，其中的内容可能已经有所变动。
在Vue项目中，通过process.env可以访问环境变量。Vue CLI项目默认提供了三种环境变量文件：
.env: 在所有的环境中被载入。.env.local: 在所有的环境中被载入，但会被git忽略。.env.[mode]: 只在指定的模式中被载入。例如.env.production只在生产环境中被载入。
配置环境变量：
- 在项目根目录创建
.env文件。 - 在文件中添加环境变量，格式为
KEY=VALUE。
例如：
# .env
VUE_APP_API_URL=https://api.example.com调用环境变量：
在Vue项目的代码中，可以通过process.env访问这些变量。
// 例如，在Vue组件中
created() {
console.log(process.env.VUE_APP_API_URL); // 输出：https://api.example.com
}请注意，Vue项目要求环境变量以VUE_APP_开头，这样才会被webpack.DefinePlugin在编译时注入到代码中。这样你就可以在项目的任何地方通过process.env访问到这些变量了。
评论已关闭