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
image
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容