开发过程中经常遇到不小心切换错了接口地址从而打错生产包, 为了避免再次发生这种不必要的错误,总结了一下关于env文件在实际开发中的使用。

首先我们在根目录新建三个 .env的文件

.env 无论开发环境还是生成环境都会加载

.env.development 开发环境加载这个文件

.env.production 生成环境加载这个文件

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

 

使用env文件切换开发环境

.env.dev 本地运行时会执行这个文件

 

使用env文件切换开发环境

.env.production  生产环境执行这个文件

 

使用env文件切换开发环境

可在控制台打印env文件变量

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

使用env文件切换开发环境

最后需要在package.json文件里面增加打包和运行命令,

使用env文件切换开发环境

运行  npm run build-prd 则为生产环境,

以上就是env文件的使用方法。

 

相关文章:

  • 2021-08-20
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-07
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-06-24
  • 2021-08-02
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案