路由導航守衛

我們可以通過守衛來判斷是否登錄如果登錄放行,否則不放行

全局守衛

在這裏插入圖片描述

//任何視圖導航都要經過這
//該函數有三個參數
to 去哪
from 來自哪裏
next 放行的信號
router.beforeEach((to,from,next)=>{
//...
//這樣誰也進不來
//但next()就是誰都能過來
//所以要判斷
//如果用戶是非||/login視圖,則校驗其是否登錄
//如果登錄了就放行 如果沒登錄就跳轉到/login
//to可以看到從哪來也就是說要訪問的路徑
const {path} = to
if(path !== 'login'){//如果請求不是login則校驗
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20190603015621887.png)
}else{
//如果用戶請求的就是/login則直接調用bext()放行
next()
}
})
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20190603015338163.png)
## 子路由
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20190603030855621.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzE5NTUxMg==,size_16,color_FFFFFF,t_70)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章