Как вывести 404 в Vue?

Question

[Максим]

Есть роуты

const routes = [
  {
    path: '/admin',
    component: () => import('../Pages/Dashboard.vue'),
    name: 'dashboard',
    children: [
      {
        path: 'requests',
        component: () => import('../Pages/Dashboard.vue'),
        name: 'requests'
      },
    ]
  },
  {
    path: '/admin/404',
    component: () => import('../Pages/Errors/NotFound.vue'),
    name: '404',
  }, 
  {
    path: '*',
    redirect: { name: '404' }
  }
]

если перехожу по таким маршрутам:

admin/blabla
admin/blabla/

то выдает 404, а если по

admin/blabla/blas то не переходит на 404

Answer 1

[Aetae]

Всё работает:
Подозреваю что-то у вас с настройкой реврайта сервера.

Answer 2

[profesor08]

https://router.vuejs.org/guide/essentials/nested-r...

Это надо прописывать и для компонентов, которые имеют внутренние страницы, так как в противном случае отработает основной роут, вместо редиректа.

{
    path: '*',
    redirect: { name: '404' }
  }

{
    path: "/admin",
    component: Admin,
    children: [
      {
        path: "dash",
        component: Dash
      },
      {
        path: "*",
        redirect: "/404"
      }
    ]
  },