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文件

如有更好的解決方法,請不吝賜教

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