vue2.x 、 vue3.x 路由404 Not Found通配处理

1、vue2,x、router3.0

//router.js
{
    path : '*', //会匹配所有路径
    name : '404',
    component : ()=> import('@/pages/404.vue') 
}

也可以使用导入的方式配置

//router.js
import NotFound from "../views/404.vue";

    {
      path: "*",
      name: "404",
      hideInMenu: true,
      component: NotFound,
    },

2、vue3x、router.4.0

//router.js
    {
      path: "/:error*",
      name: "404",
      hideInMenu: true,
      component : ()=> import('@/views/404.vue') 
    },

//router.js
import NotFound from "@/views/404.vue";

    {
      path: "/:error*",
      name: "404",
      hideInMenu: true,
      component: NotFound,
    },