vue项目中没有token进入其他页面会重置到登录页,但是有时候有的页面不需要验证token解决方法
1.在你的路由拦截main.js中router.beforeEach中(有的不在main.js中以我的为例)router.beforeEach((to, from, next) => {var token = localStorage.getItem('token')//存储tokenif (to.meta.name) {document.title = to.meta.name;//路由中
·
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")
},
]
完美解决
更多推荐
已为社区贡献8条内容
所有评论(0)