vue--前端攔截器

通常有數據交互的項目,都須要用到各類不一樣的驗證,其中常見的登陸驗證、token有效驗證,頁面(功能)權限驗證。固然有須要驗證的,就有須要跳過驗證的,這時就會用到攔截器。spa

運用攔截器,須要在路由跳轉時判斷是否須要驗證仍是跳過驗證,下面的例子是在項目實戰中用到的攔截器的運用,code

在router.js文件中添加一下代碼,使得Login,paymenyplan/\,statisticsWindow三個路由跳轉的頁面跳過驗證router

router.beforeEach((to, from, next) => {
    //全局前置守衛

    /* 
     * 不作用戶權限驗證
     * Login(登陸)
     * paymentplan(支付方案)
     * statisticsWindow(智慧視窗)
    */
    let authorArr = ['Login', 'paymentplan', 'statisticsWindow']

    if(authorArr.includes(to.name)){
        next()
        return
    }

})
router.afterEach((to, from) => {
    //全局後置鉤子
})
相關文章
相關標籤/搜索