獨享路由守衛beforeEnter：https://blog.csdn.net/Liberty_yes/article/details/123003190

我們都知道vue中有全域性的路由守衛:
beforeEach在任何導航前執行。返回一個刪除已註冊守衛的函式。和afterEach
事實上在vue中還有 一個 獨享路由守衛:
beforeEnter:在進入特定於此記錄的守衛之前。注意如果記錄有重定向屬性，則 beforeEnter 無效。
獨享路由守衛beforeEnter配置在指定路由中的

const routes = [
{
path: '/home',
name: 'Home',
component: Home,
meta:{
// 只有經過身份驗證的使用者才能訪問
isAuth: true,
title:"首頁"
}
},
{
path: '/about',
name: 'About',
component: About,
meta:{ isAuth: false, title:"關於" },
children:[
{
path: '/detail',
name: 'Detail',
component: Detail,
meta:{ isAuth: false, title:"詳情" },
beforeEnter:(to,from,next) =>{
if(to.meta.isAuth){
if(localStorage.getItem('user')){
next()//呼叫next才會往下走
}
}else{
alert("無許可權")
}
}
}
]
}
]
————————————————
版權宣告：本文為CSDN博主「Liberty_yes」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連結及本宣告。
原文連結：https://blog.csdn.net/Liberty_yes/article/details/123003190