vue-cli 多環(huán)境配置

• 打包命令
  --mode xxx 用來(lái)區(qū)別是環(huán)境
  

  image

• 基本配置

  • 項(xiàng)目根目錄下創(chuàng)建 .env.xxx
  • 打包命令中的 xxx與此處保持一致
  image
  • 內(nèi)容

  NODE_ENV='production'
  VUE_APP_XXXX='xxx'
  此處自定的的變量要用 VUE_APP 做前綴
  注意引號(hào)后面沒(méi)有空格!!!!!!!!!!!!!
  

  image

• 使用配置

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

  • 這樣區(qū)別變量

    
    
    image

優(yōu)化

• 因?yàn)槲抑笆沁@么做的,但是可能會(huì)暴露自己的其他環(huán)境信息
• 最好的辦法就行把變量存到 env.xxx

image