vue公众号配置动态加时间戳的链接

为了防止微信网页的缓存也是绞尽脑汁啊

最近琢磨了一个动态为链接加时间戳的方法思路

首先在项目根目录下加一个中转文件jump.html

这个文件主要是用来跳转到项目真正的地址,放心–毫秒级跳转,不会占用太多时间,也没有明显的跳转视觉,测试了一下大概8,9毫秒的样子

jump.html里面的内容是这样,根据自己项目实际情况来修改

<!DOCTYPE html>
<html>
    <head>
        <script>
            // 将链接切割
            const str = window.location.href.split('?')
            // 替换链接里面的jump为index,之所以有替换这一步是因为我们的项目地址里面有这一层目录
            const domain = str[0].replace('jump', 'index')
            // 拼凑要跳转的连接
            const newUrl = domain + '?t=' + new Date().getTime() + '&' + str[1]
            // 跳转
            window.location.href = newUrl
        </script>
        <meta charset="utf-8">
    </head>
    <body></body>
</html>

然后在config文件夹里面的index.js文件里面配置如下(vue-cli2.x会有这样的配置):
在这里插入图片描述
为了方便然后还得在build文件夹里的webpack.prod.conf.js里面的plugins:[] 加入如下配置(我只需要打包一个简单的html文件进去,于是就这么草草复制粘贴了一个html打包配置):
在这里插入图片描述
inject设置为false是为了防止在打包后的文件里面注入多余的js/cs文件

如有更好的解决方法,请不吝赐教

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章