vue拦截器刷新登陆页面_vue中页面跳转拦截器的实现方法

本文主要给大家介绍的是关于vue页面跳转拦截器的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：

登录拦截逻辑

第一步：路由拦截

首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。在路由管理页面添加meta字段

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

const routes = [

{

path: '/',

name: "欢迎",

meta: {

requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的

},

component: resolve => require(["../components/Hello.vue"], resolve)

},

{

path: '/login',

name: "登录",

/*meta: {

requireAuth: false, // 添加该字段，表示进入这个路由是需要登录的

},*/

component: resolve => require(["../view/login/login.vue"], resolve)

}