当前位置: 首页 > article >正文

vue | 自学入门,记录

vue的环境区分

参考链接

serve命令

  • --mode命令:指定运行时候的模式。默认有三个development,production,test。如果指定了--mode development那么,vue会默认执行.env .env.development .env.envelopment.local,按照顺序去执行,相同的变量名,将会替换成最后一个文件里面的,也就是.development.local,其他mode同理。另外,如果没有指定mode,那么默认是development
  • 当然,你可以自己指定其他模式,比如.env.local,env.local.local。反正每个模式下,对应三个文件.env ,.env.x,.env.x.local,按顺序执行。

原理

借助process对象,process是一个node.js运行时的全局对象。vue在运行时候,会将环境文件中的变量,挂在到process.env中,不过,只有VUE_APP_开头的变量会被挂载。
NODE_VUE 和 VUE_APP_

假设.env.development如下,执行 npx vue-cli-service serve --mode development,process.env.NODE_ENV会输出什么?pro
其实就是想提醒,假设我们没有在文件中显示声明NODE_ENV,那么process.env.NODE_ENV会读取命令行中的–mode,但如果显示声明了,就会以文件中的为准。

NODE_ENV = 'pro'
VUE_APP_ENV= 'development'
VUE_APP_URL='https://sec.sptp.cloudbu.huawei.com:7443/vue/'


http://www.kler.cn/a/382740.html

相关文章:

  • Jetson Xavier nx在Ubuntu18.04下安装ros2 使用奥比中光330
  • HTML 基础标签——结构化标签<html>、<head>、<body>
  • 网络安全认证的证书有哪些?
  • 轻松理解操作系统 - 轻松了解 inode 是如何管理文件的
  • Kotlin的内置函数
  • 这个自动化框架吧,解决接口间数据依赖
  • MySQL日期时间函数大全
  • 博客搭建之路:next主题修改侧边栏icon
  • Python画笔案例-096 彩色粒子克隆动画
  • Java多态和继承(上篇)
  • MCU GD32A启动流程及各个段的初始化
  • SDL基本使用
  • 微信支付宝小程序SEO优化的四大策略
  • Flutter 的 Widget 概述与常用 Widgets 与鸿蒙 Next 的对比
  • 【浪潮商城-注册安全分析报告-无验证方式导致安全隐患】
  • 【Linux-进程间通信】消息队列
  • 移植 AWTK 到 纯血鸿蒙 (HarmonyOS NEXT) 系统 (6) - 触屏事件
  • 【极客兔兔-Web框架Gee详解】Day2 上下文Context
  • 【UE5】一种老派的假反射做法,可以用于移动端,或对反射的速度、清晰度有需求的地方
  • Unity3D学习FPS游戏(10)子弹攻击敌人掉血(碰撞检测)
  • 【数据结构】线性表——顺序表
  • 基于Python的校园爱心帮扶管理系统
  • Python 学习完基础语法知识后,如何进一步提高?
  • 【系统面试篇】进程与线程类(2)(笔记)——进程调度、中断、异常、用户态、核心态
  • 树莓派Linux 安装 EtherCat Igh
  • 谷歌浏览器安装 Vue.js devtools 插件