Как сделать перенаправление с несуществующей страницы?

Question

[Amuri]

Есть такая настройка роутера:

{
    path: "/users/:id",
    name: "User",
    component: User,
  },
  {
    path: "/users/:id/edit",
    name: "EditUser",
    component: EditUser,
  },

Нужно , чтобы когда пользователь переходил напрямую по ссылке /users/:id или /users/:id/edit, где id не существует в БД,
перенаправить пользователя на главную страницу.
https://github.com/Tshashurin/admin-panel

Answer 1

[Ice]

Определить существует страница или нет, вы можете только после запроса к БД.

Используйте на странице хук beforeCreate или create в котором выполните запрос к БД.
Делаете проверку по результату и либо отображаете страницу на основе полученных данных или через route делаете редирект.

Comments

[Amuri]

Проблема заключается в том , что приложение выдает ошибку , так как обращаясь к условной БД - Data
,которая является массивом в данном случае.
Data[i].Nickname i = 5 а длинна Data допустим 4 и выводит ошибку , что нельзя получить .Nickname от undefined, есть какой то способ прекратить рендеринг приложения или поставить на паузу в хуке beforeCreate?

[Ice]

Amuri, вариантов много
1) используйте async \ await
2) используйте дефолтные значения в data
3) выполняйте проверку ключей для примера через computed
4) сделайте компонент прелоадера и отрисовывайте через v-if