一般有數據交互的項目,都需要用到各種不同的驗證,其中常見的登錄驗證、token有效驗證,頁面(功能)權限驗證。當然有需要驗證的,就有需要跳過驗證的,這時就會用到攔截器。
運用攔截器,需要在路由跳轉時判斷是否需要驗證還是跳過驗證,下面的例子是在項目實戰中用到的攔截器的運用,
在router.js文件中添加一下代碼,使得Login,paymenyplan/\,statisticsWindow三個路由跳轉的頁面跳過驗證
router.beforeEach((to, from, next) => { //全局前置守衛 /* * 不做用戶權限驗證 * Login(登錄) * paymentplan(支付方案) * statisticsWindow(智慧視窗) */ let authorArr = ['Login', 'paymentplan', 'statisticsWindow'] if(authorArr.includes(to.name)){ next() return } }) router.afterEach((to, from) => { //全局后置鈎子 })