vue3.0在刷新的时候,页面空白,控制台有报错现象

登录之后,数据没有问题,但是点击刷新的时候,页面空白,有警告和报错,在路由守卫那边应该如何设置?

img

img


下面是我的路由index.js


```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

```

img

全局搜索一下 data.indexOf , 然后输出一下data,看看抓的数据是什么 排查一下错误

data 不是数组或者 字符串 ,再或者 data 为null