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

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