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