vue--前端攔截器


一般有數據交互的項目,都需要用到各種不同的驗證,其中常見的登錄驗證、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) => {
    //全局后置鈎子
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM