1. 程式人生 > >解決vue單頁面跳轉返回後頁面不刷新的問題

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

() function -h null 頁面 margin 我們 col cati

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

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