[toc] ### 1. 所有頁面鑒權 ``` 1. 頁面跳轉的時候,判斷本地有沒有token 1.1 沒有--- 跳轉到登錄頁 1.2 有--- 判斷是否成功獲取用戶信息 1.2.1 成功獲取--- 跳轉到首頁 1.2.2 獲取失敗--- 重新登錄 //引入路由對象 import router from "./router" //引入登錄模塊的api import loginApi from "./api/login" //創建路由守衛 --- 只要路由跳轉的時候,就會觸發 // to 即將要進入的目標路由對象 // from 當前導航正要離開的路由對象 // next 調用該方法，進入目標路由 router.beforeEach((to,from,next)=>{ //獲取本地存儲的token const token = localStorage.getItem("yy_token"); //判斷 沒有token if(!token){ //要跳轉的是非登錄頁 if(to.path !== "/login"){ localStorage.removeItem("jy_info"); next("/login") }else{ next(); } }else{ //有token的情況下判斷他是否進入到登錄頁 if(to.path == "/login"){ next(); }else{ //如果有token,但是進入的不是登錄頁,先判斷本地有沒有用戶的信息 //獲取本地存儲的用戶信息 const info = localStorage.getItem("jy_info"); //判斷是否有用戶信息 if(info){ next(); }else{ loginApi.wxInfo().then(res=>{ if(res.code == 200){ localStorage.setItem("jy_info",JSON.stringify(res.data.rows)); next(); }else{ localStorage.removeItem("yy_token") next("/login") } }) } } } }) ``` ### 2. 部分頁面鑒權 ``` router.beforeEach((to,from,next)=>{ if(to.meta.oAuth){ const token = localStorage.getItem("yy_token"); if(!token){ next("/login") }else{ const info = localStorage.getItem("jy_info"); if(info){ next(); }else{ loginApi.wxInfo().then(res=>{ if(res.code == 200){ localStorage.setItem("jy_info",JSON.stringify(res.data.rows)); next(); }else{ next("/login") } }) } } }else{ next(); } }) ```