使用登录名发送404的页面

我的问题是当我开始使用 router.beforeEach() 路由器。beforeach() 用于检查用户是否已登录。是缺少什么,还是出了什么问题?

router.js

let router = new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
    {
        path: '/',
        name: 'login',
        component: () => import('./views/Login.vue'),
        meta: {
            layout: "empty"
        },
    },
    {
        path: '/home',
        name: 'home',
        component: () => import('./views/Home.vue'),
        meta: {
            requiresAuth: true
        }
    },
    {
        path: '/404',
        name: '404',
        component: () => import('./views/404.vue'),
        meta: {
            layout: "empty"
        },
    },
    {
        path: '*',
        redirect: '/404'
    },
    {
        path: '/*',
        redirect: '/404'
    }
]
});

router.beforeEach((to, from, next) => {
    const isLoggedIn = JSON.parse(localStorage.getItem('UH'));
    console.log(isLoggedIn);
    const requiresAuth = to.matched.some(record => record.meta.requiresAuth);
    if (isLoggedIn === null){
        if (requiresAuth && !isLoggedIn.user) {
            next('/');
        } else {
            next();
        }
    } else {
        next();
    }
});