路由設置：router/index.js

export default new Router({  routes: [   {    path: '/selfcenter',    name: 'selfcenter',    meta: {     requireAuth: true // 配置此條，進入頁面前判斷是否需要登陸    },    component: selfcenter   }  ] }) 

main.js：

/* eslint-disable no-new */ router.beforeEach((to, from, next) => {  if (to.matched.some(res => res.meta.requireAuth)) { // 驗證是否需要登陸   if (sessionStorage.getItem('sid')) { // 查詢本地存儲信息是否已經登陸    next();   } else {    next({     path: '/login', // 未登錄則跳轉至login頁面     query: {redirect: to.fullPath} // 登陸成功后回到當前頁面，這里傳值給login頁面，to.fullPath為當前點擊的頁面     });   }  } else {   next();  } }); 

login.vue：

登陸成功后：

sessionStorage.setItem('sid', res.data.data.sid); // 設置本地存儲信息 this.$router.push(this.$route.query.redirect); // 跳轉至前一頁，this.$route.query.redirect是獲取上面傳遞過來的值 

 總結

以上所述是小編給大家介紹的vue路由攔截及頁面跳轉的設置方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！