一、問題:在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事件讓頁面強制刷新,這樣就完美解決了返回后頁面不刷新的問題。
