Как сделать редирект на error в Nuxtjs?

Question

[Analka]

Сделал error страницу как в этой инструкции

https://dev.to/debs_obrien/creating-an-error-page-...

теперь вопрос, как отлавливать ошибки в axios и делать редирект на error

async asyncData({ $axios }) {
    try {
      const query = await $axios
        .$get(`api/v1/${process.env.ADMIN_URL}/2/info`)
        .then((response) => {
          return response
        })
        .catch((error) => {
          return error
        })
      return {
        clients: query.clients,
        products: query.products,
        posts: query.posts,
        banners: query.banners,
        shop: query.shop,
      }
    } catch (error) {
      return error
    }
  },

сейчас этот запрос выдает 404 но никуда не редиректит

Answer 1

[WapSter]

async asyncData({ $axios, error }) {
    try {
      const query = await $axios
        .$get(`api/v1/${process.env.ADMIN_URL}/2/info`)
        .then((response) => {
          return response
        })
        .catch((error) => {
          return error({ statusCode: 404 });
        })
      return {
        clients: query.clients,
        products: query.products,
        posts: query.posts,
        banners: query.banners,
        shop: query.shop,
      }
    } catch (e) {
      console.error(e)
    }
  },

Comments

[Analka]

а нужен ли здесь вообще catch?

const query = await $axios
        .$get(`api/v1/${process.env.ADMIN_URL}/2/info`)
        .then((response) => {
          return response
        })
        .catch((error) => {
          return error
        })

[WapSter]

Analka, только что обратил внимание, что ты используешь и промисы и try catch. Переписал код. Промисс лишний если ты всё равно получение значения записываешь в переменную.

[WapSter]

Analka,

async asyncData({ $axios, error }) {
    try {
      const query = await $axios
        .$get(`api/v1/${process.env.ADMIN_URL}/2/info`);

      return {
        clients: query.clients,
        products: query.products,
        posts: query.posts,
        banners: query.banners,
        shop: query.shop,
      }
    } catch (e) {
       return error({ statusCode: 404 });
    }
  },