@picka

Как обрабатывать 404 ошибку на динамических путях Nuxt.js?

Есть путь /:category при переходе на не существующую категорию выходит ошибка вида
607034b0159b7205118208.png
То есть:
computed: {
        Category () {
            return this.$store.state.categories.Categories.find(item => item.Alias === this.$route.params.category)
        }
    },


Не смог найти в хранилище нужную категорию.
Как лучше в таком случае перевести пользователя на 404?
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Kostik_1993
Fullstack Web Developer | PHP | Laravel | Vue.js
asyncData ({ params, error }) {
        return axios.get(`https://my-api/posts/${params.id}`)
        .then((res) => {
          return { title: res.data.title }
        })
        .catch((e) => {
          error({ statusCode: 404, message: 'Post not found' })
        })
      }

// Еще вариант
this.$nuxt.error({ statusCode: 404, message: err.message })
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы