前端路由问题

const staticRoutes: Array<RouteRecordRaw> = [
    {
        // 首页
        path: '/',
        name: '/',
        component: () => import('/@/views/frontend/index.vue'),
        meta: {
            title: pageTitle('home'),
        },
    },
    {
        // 课程详情页
        path: '/courseDetail',
        name: 'courseDetail',
        component: () => import('/@/views/frontend/course/courseDetail.vue'),
        meta: {
            title: pageTitle('courseDetail'),
        },
    },
    {
        // 课程详情页
        path: '/videoInfo',
        name: 'videoInfo',
        component: () => import('/@/views/frontend/course/videoInfo.vue'),
        meta: {
            title: pageTitle('videoInfo'),
        },
    },
  ...
  ]

新增了两个页面，为什么前端在未登录的情况下路由可以访问，前端登录成功后会跳转到404.vue文件页面，前端路由需要怎么配置呀？大佬指点一二。