美文网首页FEVue
Vue 项目的中 env 文件使用

Vue 项目的中 env 文件使用

作者: SY | 来源:发表于2021-12-15 09:59 被阅读0次

为了让开发者头疼的开发环境问题...

文件(在项目根目录新建)

  • .env 无论开发环境还是生成环境都会加载
  • .env.development 开发环境加载这个文件
  • .env.production 生成环境加载这个文件

注意

env 文件需要声明运行的环境
.env.development

NODE_ENV = development

.env.production

NODE_ENV = production

定义变量需要以 VUE_APP_ 作为前缀
.env.development

NODE_ENV = development
VUE_APP_BASE_URL = http://dev.myhost.com

.env.production

NODE_ENV = production
VUE_APP_BASE_URL = http://www.myhost.com

测试变量是否生效, 可直接在 main.js 中打印测试

console.log(process.env.VUE_APP_BASE_URL);

相关文章

网友评论

    本文标题:Vue 项目的中 env 文件使用

    本文链接:https://www.haomeiwen.com/subject/voiufrtx.html