使用env文件切换开发环境

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

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

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

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

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

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

 

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

 

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

 

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

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

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

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

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