通常有數據交互的項目,都須要用到各類不一樣的驗證,其中常見的登陸驗證、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) => { //全局後置鉤子 })