亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue如何設置路由攔截及頁面跳轉

發布時間:2021-07-30 11:57:18 來源:億速云 閱讀:1222 作者:小新 欄目:web開發

這篇文章主要為大家展示了“vue如何設置路由攔截及頁面跳轉”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“vue如何設置路由攔截及頁面跳轉”這篇文章吧。

路由設置: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如何設置路由攔截及頁面跳轉”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

vue
AI

洪泽县| 瑞金市| 汉寿县| 咸宁市| 化德县| 泰安市| 集贤县| 家居| 师宗县| 商洛市| 邵武市| 上虞市| 尉犁县| 广德县| 绿春县| 津南区| 连云港市| 富蕴县| 大化| 乌拉特后旗| 永川市| 阿克苏市| 怀仁县| 泗阳县| 玉环县| 大同县| 文水县| 巴林左旗| 宝坻区| 大关县| 齐河县| 镇赉县| 仁怀市| 上栗县| 涞水县| 祁东县| 灯塔市| 信宜市| 巴里| 日土县| 株洲市|