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

Question

[melishev]

Есть путь /:category при переходе на не существующую категорию выходит ошибка вида

То есть:

computed: {
        Category () {
            return this.$store.state.categories.Categories.find(item => item.Alias === this.$route.params.category)
        }
    },

Не смог найти в хранилище нужную категорию.
Как лучше в таком случае перевести пользователя на 404?

Answer 1

[Константин Б.]

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 })