vue中打包获取动态的版本号

我们在网站上线后,每次更新线上的内容,是不是都会出现一个问题:那就是不知道线上代码是否更新成功。

那么后面的问题随之而来,如果每次打包的时候都去修改版本号,是不是很麻烦呢?如果我们打包的时候自动获取时间作为版本号或者自己写个版本号自动计算的公式,是不是就方便很多呢?

当然版本号的格式可能每个网站要求不同,那就要自己去写函数获取了,我们今天要解决的问题是怎么把这个动态的版本号在打包的时候写入系统,每次打包都是最新版本的。

vue的工程项目都有一个开发环境(.env.development)和生产环境(.env.production)的文件对吧!

比如你的开发环境后台链接写在.env.development这个文件里面的,你的生产环境的后台链接在在.env.production文件里面,我们设置动态版本号的方法也类似。

前端的小伙伴都知道这两个文件写的都是死的字符串,不能写动态的js代码

以用时间作为版本号为例:

在vue.config.js引入你写好的获取版本号的函数,获取返回值作为版本号

Date.prototype.Format = function (fmt) { // author: meizz
  var o = {
      "M+": this.getMonth() + 1, // 月份
      "d+": this.getDate(), // 日
      "h+": this.getHours(), // 小时
      "m+": this.getMinutes(), // 分
      "s+": this.getSeconds(), // 秒
      "q+": Math.floor((this.getMonth() + 3) / 3), // 季度
      "S": this.getMilliseconds() // 毫秒
  };
  if (/(y+)/.test(fmt))
      fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  for (
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

vip.khan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值