点击登录后,保存token,在router/index.js中添加全局路由守卫,感觉没啥问题,但是启动项目后,登录页面出不来,这是哪里出问题了?代码如下
```html
import {
createRouter,
createWebHistory
} from 'vue-router'
const routes = [{
path: '/',
name: 'Login',
component: () => import( /* webpackChunkName: "about" */ '../views/login/Login.vue')
}, {
path: '/login',
name: 'Login',
component: () => import( /* webpackChunkName: "about" */ '../views/login/Login.vue')
}, {
path: '/about',
name: 'About',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import( /* webpackChunkName: "about" */ '../views/About.vue')
}]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
router.beforeEach((to) => {
// to 指的是我们即将要到达的路由
// from 是指正在离开的路由
//
const token = sessionStorage.getItem("token")
console.log(token)
console.log(to)
if(to.fullPath!='/'){
console.log(387492542)
if (token != null && token != '') {
to()
} else {
console.log(21)
to.fullPath="/login"
}
}
console.log(38749)
})
export default router
感觉没问题啊,请指点一下
少了一个next(),这样就卡住了