vue项目中没有token进入其他页面会重置到登录页,但是有时候有的页面不需要验证token解决方法

1.在你的路由拦截main.js中router.beforeEach中(有的不在main.js中以我的为例)

router.beforeEach((to, from, next) => {
  var token = localStorage.getItem('token')//存储token
  if (to.meta.name) {
    document.title = to.meta.name;//路由中设置页面标题
    if (token||to.meta.nacy=='true') {//to.meta.nacy=='true'这里面的nacy就是自己在路由中设置的//不参与token验证的页面参数变量这个变量可以自己定义
          next()
    } else {
      if (to.path == '/login') {
        next()
      } else {
        next('/login')
      }
    }
  }

});

2.路由配置

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const routes = [
    {
        path: '/login',
        meta: {
            name: "登陆"
        },
        component: () => import("@views/login/index.vue")
    },
    {
        path: '/XXXX',
        meta: {
            name: "页面名称",
            nacy:"true",//是否不做token验证
        },
        component: () => import("@views/XXXX/index.vue")
    },
]

完美解决

你可能感兴趣的:(vue,html,vue,html)