路由中 404页面全屏展示问题

最近写动态路由，会放置404的页面，给未匹配的路由一个页面
但是发现，路由未匹配时，会直接从当前系统跳到一个全屏的404页面，很不美观
这是由于没有给404页面 Latout布局导致的，记录一下
原写法：

{
    path: "/:pathMatch(.*)*",
    name: "not-found",
    component: () => import("@/views/noFound.vue"),
    meta: {
      title: "未找到",
      hidden: true,
    },
 },

改后写法

{
    path: "/:pathMatch(.*)*",
    component: Layout,
    redirect: "/notFound",
    meta: {
      title: "未找到",
      icon: "el-icon-s-home",
      hidden: true,
      
    },
    children: [
      {
        path: "/notFound",
        name: "notFound404",
        component: () => import("@/views/noFound.vue"),
        meta: {
          title: "未找到",
          icon: "home",
          hidden: true,
        },
      },
    ],
  },