vue實現登入後跳轉到之前的頁面

2022-07-04 19:18:09 字數 557 閱讀 1226

在開發中我們經常遇到這樣的需求,需要使用者直接點選乙個鏈結進入到乙個頁面,使用者點選後鏈結後會觸發401攔截返回登入介面,登入後又跳轉到鏈結的頁面而不是首頁,這種問題該如何去做呢?

先說一下我們需要用到的幾個api:

1.router.currentroute:當前的路由資訊物件,我們可以通過router.currentroute.fullpath獲得解析後的 url,包含查詢引數和 hash 的完整路徑,如果要訪問的頁面的路由有命名(name)的話,可以通過router.currentroute.name獲得當前路由的名稱。

2.router.replace:作用和router.push相同,不過它不會向history新增新紀錄,而是替換當前的history記錄。

//

401攔截

if(status == "401")

if (status == 401) })}

else

}

3.點選登入後使用url上儲存的query直接跳轉回目標頁面

router.push();

CAS 登出登入後跳轉到登入頁

cas單點登出後,缺省會跳到它自帶的登出介面 這裡建立在已部署好cas server的基礎上,詳情見上篇文章 如下圖 對應的jsp如下目錄 修改cas servlet.xml檔案的bean的id為logoutcontroller下的p followserviceredirects屬性為 true 如...

CAS 登出登入後跳轉到登入頁

cas單點登出後,缺省會跳到它自帶的登出介面,但是很多時候我們是希望它跳轉到登入介面,需要做如下修改 cas servlet.xml檔案中 p centralauthenticationservice ref centralauthenticationservice p logoutview cas...

使用Shiro實現登入成功後跳轉到之前的頁面

這個問題是之前在做登入註冊模組時遇到的需求,如何使用者直接訪問登入頁面,可以控制直接跳到首頁,但是如果是使用者沒有登入直接訪問了購物車等需要經過身份認證的頁面,或者是因為session超時,使用者需要重新登入,那麼這時跳回之前的頁面就是提公升使用者體驗的事情。實現此功能比較好的方法是用ajax的方式...