vue路由元之進入路由需要使用者登入許可權功能

2022-08-11 06:51:13 字數 521 閱讀 4479

為什麼需要路由元呢???

博豬最近開發剛剛好遇到乙個情況,就是有個路由頁面裡面包含了客戶的資訊,客戶想進這個路由頁面的話,

就可以通過請求資料獲取該資訊,但是如果客戶沒有登入的話,是不能進到該頁面的,於是我們就用到路由元了。

我們在router.js裡面配置:

const router = new

vuerouter( //

這裡配置meta作為標識,unlogin為true的話,就需要使用者的登入許可權

} ]

})

router.beforeeach((to, from, next) =>

else

//將跳轉的路由path作為引數,登入成功後跳轉到該路由

}) }

}else

});

ok,以上就是路由元的使用方法。

************************   end   ************************

vue 路由元資訊

meta meta後跟乙個物件 固定的 requiresauth 自定義 我們去自定義一段資訊來去匹配對應的功能,比如驗證登入 使用者中心 了才能檢視.我們給使用者中心路由加上這個標識,加了之後就需要驗證是否是登入狀態,如果是登入狀態我們才能正常檢視這個頁面 定義路由的時候可以配置meta字段 通過...

VUE元資料及路由匹配

doctype html en utf 8 viewport content width device width,initial scale 1.0 元資料及路由匹配 title head 首頁 router link login 登入 router link post 帖子管理 router l...

Vue學習筆記之路由元資訊

定義路由的時候可以配置meta字段 const router new vuerouter 那麼如何訪問這個meta欄位呢?首先,我們稱呼routes配置中的每個路由物件為路由記錄。路由記錄可以是巢狀的,因此,當乙個路由匹配成功後,他可能匹配多個路由記錄 例如,根據上面的路由配置,foo bar這個 ...