解決vue單頁面跳轉返回后頁面不刷新的問題


一、問題:在vue項目中通過location.href跳轉到第三方頁面,然后點擊瀏覽器返回按鈕回到自己的頁面,用nginx起服務頁面不刷新,在用node起服務中頁面是正常刷新的;

二、產生該問題的原因:微信瀏覽器對頁面進行緩存;

三、解決方案:

1        window.onpageshow = null;
2         window.onpageshow = function(event){
3           location.reload()
4         }
5         window.location.href = 'https://www.baidu.com'

四、實現原理:

點擊跳轉按鈕的時候在頁面跳轉之前先給window綁上一個onpageshow事件,然后跳轉第三方頁面;點擊返回按鈕返回到我們的頁面的時候頁面會執行onpageshow事件讓頁面強制刷新,這樣就完美解決了返回后頁面不刷新的問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM