mailbox-outer-pc-vue/src/router/index.js

import { createRouter, createWebHistory } from 'vue-router'

import Layout from '@/layout/Index.vue'
import Home from '@/views/Home.vue'
import Write from '@/views/Write.vue'
import MailEvaluate from '@/views/MailEvaluate.vue'
import MailDetail from '@/views/MailDetail.vue'
import NotFound from '@/views/error/404.vue'

const routes = [
    {
        path: '/layout',
        component: Layout,
        children: [
            {
                path: '/',
                component: Home,
            },
            {
                path: '/mail/write',
                component: Write,
            },
            {
                path: '/mail/evaluate',
                component: MailEvaluate
            },
            {
                path: '/mail/:id',
                component: MailDetail
            },
        ]
    },
    {
        path: '/:catchAll(.*)',
        name: 'not-found',
        component: NotFound,
        meta: {
            title: '404'
        }
    }
];

const router = createRouter({
    history: createWebHistory(),
    routes
});

export default router;