登录之后,数据没有问题,但是点击刷新的时候,页面空白,有警告和报错,在路由守卫那边应该如何设置?
```javascript
import {
createRouter,
createWebHistory
} from 'vue-router'
const routes = [{
path: '/',
name: '/',
redirect: 'Login'
},
{
path: '/login',
name: 'Login',
component: () => import( /* webpackChunkName: "about" */ '../views/login/Login.vue')
},
{
path: '/home',
name: 'Home',
redirect: 'homeIndex',
component: () => import( /* webpackChunkName: "about" */ '../views/home/index.vue'),
children: [
{
path: '/homeIndex',
name: 'HomeIndex',
component: () => import( /* webpackChunkName: "about" */ '../views/home/HomeIndex.vue')
},
{
path: '/menuManger',
name: 'MenuManger',
component: () => import( /* webpackChunkName: "about" */ '../views/menu/MenuManger.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, from) => {
const token = sessionStorage.getItem("token")
if (to.fullPath != '/') {
console.log("全局路由守卫")
console.log(from)
console.log(to)
if (token === null || token === '') {
to.fullPath = "/"
}
}
return true;
})
export default router
```
全局搜索一下 data.indexOf , 然后输出一下data,看看抓的数据是什么 排查一下错误
data 不是数组或者 字符串 ,再或者 data 为null