Vue登錄成功后跳轉到之前的頁面


很多時候,項目有些頁面需要用戶進行登錄才可以繼續進行操作,,登錄完之后就需要跳轉到用戶登錄之前想去的那個頁面,這個實現比較簡單:
使用axios進行http請求,進行攔截:

axios.interceptors.response.use(
  res => {
  //對響應數據做些事
  if (res.data.code === -1) { // 這里根據自己接口返回狀態進行判斷是否需要登錄
    router.push({
      path: '/login',
      query:{
        redirect: location.hostname // 防止從外部進來登錄
      }
    })
  }
  return res.data;
  },
  error => {
    let errorInfo = error.data.error ? error.data.error.message : error.data;
    return Promise.reject(errorInfo);
  }
);
在登錄成功后書寫邏輯:

let hostName = this.$route.query.redirect; // 獲取域名
if (hostName === this.$url()) { // 判斷如果域名是你項目域名,說明是從本網站內部跳轉過來的,
  this.$router.go(-1); // 登錄成功后,返回上次進入的頁面;
} else {
  window.open(this.$url()+'/article/news','_self'); // 若不是網站內部跳轉過來的,登陸成功后進入網站首頁
}


免責聲明!

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



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