Nuxt.js How to catch an error leading to error layout before switching to it and redirect to a custom page?

Question

Frontend

When receiving an internal error, nuxt redirects to the error layout. I want to change this behaviour. I want to have a redirect to a custom page instead of showing the error layout. Tell me how this can be achieved?

Answer 1

If an asynchronous request is made for data on the page, then this can be resolved in the asyncData hook using the redirect method

async asyncData({ redirect }) {
  try {
     // тут делаем асинхронный запрос за данными
  } catch (error) {
     // в случае ошибки выполняем редирект на роут custom-error-page
     redirect('/custom-error-page')
  }
}

Answer 2

As an option, hang a redirect to the desired page in the asyncData method of the layouts/error.vue component