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) => {
    //全局后置钩子
})