作用
主要是用來通過跳轉或取消的方式守衛導航。
場景
使用同一個鏈接在不同條件下跳轉到不同路由組件,例如未登錄時跳轉登錄頁面,登錄后跳轉個人信息頁面等。
使用
用router.beforeEach注冊一個全局前置守衛,在router中添加以下代碼:
router.beforeEach((to, from, next) => {
// ...
})
// to:即將要進入的目標路由對象(這個對象包括name,params,meta等屬性)
// from:當前導航正要離開的路由對象(這個對象包括name,params,meta等屬性)
// next:Function,確保要調用next方法,否則🐶不會被resolved。這個當中還可以傳一些參數。