vue项目中如何配置env环境的实现
更新时间：2023年07月23日 14:03:08 作者：EntyIU
本文主要介绍了vue项目中如何配置env环境的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
1.创建多个环境文件
(1)创建一个.env文件，用于定义默认环境变量，不管是生产还是开发环境都会加载.env文件，会把.env文件和其他.env....文件进行合并，但是如果两个问价有相同的变量名，会使用后者对前者进行覆盖
(2)创建一个.env.development文件，使用npm run server时默认会加载此配置文件
(3)创建一个.env.prod文件，使用npm run build时默认会加载.env.production配置文件，但是这里换了名字，就需要在package.json文件中进行配置，通过npm run build :prod即可在运行时，加载对应的配置文件
备注：Node_ENV用于指定当前环境是生产还是开发或者其他自定义环境，环境变量中的名字前置必须以VUE_APP开头，后边可以使用任意名字结尾，在代码中使用process.env即可访问到定义的环境变量
到此这篇关于vue项目中如何配置env环境的实现的文章就介绍到这了,更多相关vue配置env环境内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了vue基于element的区间选择组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这两天在学习vue，主要是为了实现前后端的分离，因此数据的传输是必不可少的一个环节，这篇文章主要介绍了JSON数组和JSON对象在vue中的获取方法,需要的朋友可以参考下2022-09-09
最近学习一下前端框架Vue,整体上感觉还是比较有意思的,但是在安装vue-cli脚手架的时候,出现了一些问题,解决问题也花费了不少时间,下面这篇文章主要给大家介绍了关于解决vue终端报错:不是内部或外部命令的相关资料,需要的朋友可以参考下2023-02-02
这篇文章主要介绍了vue3 component is 不显示的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue 行为验证码之滑动验证AJ-Captcha使用详解,AJ-Captcha不需要npm安装，只需要将组件 verifition复制到所使用的components目录下，本文给大家详细讲解，需要的朋友可以参考下2023-05-05
在大型Vue项目中,组件通信如同神经网络般贯穿整个应用,这篇文章将为大家详细介绍一下Vue3中的组件通信方式,有需要的小伙伴可以了解下2025-02-02
这篇文章主要介绍了vue3系统进入页面前的权限判断和重定向方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了Vue项目实现换肤功能的一种方案分析，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
今天小编就为大家分享一篇Vue 实现把表单form数据 转化成json格式的数据，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
下面小编就为大家分享一篇vue.js项目打包上线的图文教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-11-11
最新评论