vue-cli 多环境配置

vue-cli 多环境配置

• 打包命令
  --mode xxx 用来区别是环境
  

  image

• 基本配置

  • 项目根目录下创建 .env.xxx
  • 打包命令中的 xxx与此处保持一致
  image
  • 内容

  NODE_ENV='production'
  VUE_APP_XXXX='xxx'
  此处自定的的变量要用 VUE_APP 做前缀
  注意引号后面没有空格!!!!!!!!!!!!!
  

  image

• 使用配置

  • 在使用的地方直接写 process.env.VUE_APP_CURRENTMODE

  • 这样区别变量

    
    image

优化

• 因为我之前是这么做的,但是可能会暴露自己的其他环境信息
• 最好的办法就行把变量存到 env.xxx