使用env文件切换开发环境

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

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

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

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

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

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


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


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


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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。