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

最新推荐文章于 2024-05-28 11:49:31 发布

置顶梦一场江南烟雨

最新推荐文章于 2024-05-28 11:49:31 发布

阅读量1.1k

点赞数 2

分类专栏： vue打包多层目录 vue打包其他html文件文章标签： vue javascript

CSDN-WanFengZhou-2021-LastDay

本文链接：https://blog.csdn.net/qq_39024950/article/details/106530081

版权

vue打包其他html文件同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

vue打包多层目录

1 篇文章 0 订阅

订阅专栏

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

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

首先在项目根目录下加一个中转文件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文件