Как я могу сделать страницу 404 для несуществующих динамических компонентов Vue-router?

Question

[alaskafx]

Представим, что у меня есть динамический роутинг:
всего существующих роутов у меня 5:

/testRoute/1
/testRoute/2
/testRoute/3
/testRoute/4
/testRoute/5

собственно, и вопрос: как я могу реагировать на несуществующие роуты, такие как
/testRoute/6
/testRoute/1123123фывофыло123231lalka
?

Answer 1

[Wispik]

ну хотя бы попытайся воспользоваться поиском
Как сделать страницу 404 в VUE.js?

Comments

[alaskafx]

Прежде чем давать ответ - хотя бы прочитай вопрос еще раз внимательнее.
Там рассматривается метод на ВСЕ не зарегистрированные пути в роутере.

Если ты зарегистрируешь что-то вроде:

{
    path: `/testRoute/:id`,
    name: 'tes',
    component: () => import('../views/testRoutes.vue'),
  },

и перейдёшь по несуществующему id - тебе не выкинет 404, а просто покажет чистую страницу.

[Wispik]

alaskafx, ну так проверяй id и если что делай редирект на 404. В чем проблема то?