我们在网站上线后,每次更新线上的内容,是不是都会出现一个问题:那就是不知道线上代码是否更新成功。
那么后面的问题随之而来,如果每次打包的时候都去修改版本号,是不是很麻烦呢?如果我们打包的时候自动获取时间作为版本号或者自己写个版本号自动计算的公式,是不是就方便很多呢?
当然版本号的格式可能每个网站要求不同,那就要自己去写函数获取了,我们今天要解决的问题是怎么把这个动态的版本号在打包的时候写入系统,每次打包都是最新版本的。
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 (

最低0.47元/天 解锁文章
7289

被折叠的 条评论
为什么被折叠?



