vue项目使用.env文件配置全局环境变量

2020-04-02 13:06:16

参考地址 vue项目使用.env文件配置全局环境变量

关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件


.env 全局默认配置文件,不论什么环境都会加载合并


.env.development 开发环境下的配置文件


.env.production 生产环境下的配置文件




 


================================================================================================


关于文件内容:


注意:属性名必须以VUE_APP_开头,比如VUE_APP_XXX


.env:




 


.env.development:




 


================================================================================================


关于文件的加载:


根据启动命令vue会自动加载对应的环境,vue是根据文件名进行加载的,所以上面说“不要乱起名,也无需专门控制加载哪个文件”


比如执行npm run serve命令,会自动加载.env.development文件


启动项目:




打印process.env属性(全局属性,任何地方均可使用):






可见NODE_ENV被改为了development,覆盖掉了.env中的全局属性


.env中的全局属性NODE_ENV、VUE_APP_URL被覆盖,


.env中的全局属性VUE_APP_PREVIEW、VUE_APP_DEFAULT_PARAM被保留



  • 2020-11-23 08:52:59

    asm.js 和 Emscripten 入门教程

    asm.js 就是为了解决这两个问题而设计的:它的变量一律都是静态类型,并且取消垃圾回收机制。除了这两点,它与 JavaScript 并无差异,也就是说,asm.js 是 JavaScript 的一个严格的子集,只能使用后者的一部分语法。

  • 2020-11-23 09:11:07

    爬虫——记一次破解前端加密详细过程

    从最初使用webdriver+selenium爬虫到现在利用http请求解析html,经历过各种各样的问题,webdriver+selenium这种办法虽然万能,而且可以用JS写解析脚本方便调试,

  • 2020-11-24 19:18:43

    nuxtjs打成用于webview的相对路径

    路径为绝对路径,当项目的域名为二级域名的时候,就不能打包为这绝对路径了。 nuxt不同于vue项目,思索了许久,终于找到了配置的地方

  • 2020-11-24 23:22:59

    eruda,移动端网页调试神器

    webapp或者移动端网页需要嵌入到app时候,尤其是在APP内置的webView上加载我们的页面,想要查看手机浏览器信息是非常困难的事,当出现问题的时候,你又不能查看日志,一般会连接本地测试环境,然后在alert来打印日志

  • 2020-11-30 09:04:02

    js中set和get方法

    1. get和set是方法,因为是方法,所以可以进行判断 2. get一般是要返回的;而set是设置,不用返回 3. 如果调用对象内部的属性约定的命名方式是变量名前加_