Nuxt Vue Apollo. Как при ошибке делать редирект на страницу 404?

Для реализации перенаправления на страницу 404 при возникновении ошибки в Nuxt.js с использованием Nuxt Vue Apollo вы можете использовать middleware. Middleware - это функция, которую Nuxt.js вызывает перед рендерингом страницы, и она имеет доступ к контексту запроса, что позволяет вам изменять его и принимать различные действия.

Вам необходимо создать новый middleware, который будет вызываться для каждого запроса. Он должен проверить, есть ли ошибка в ответе сервера, и если это так, перенаправить пользователя на страницу 404.

Для начала создайте новый файл в директории middleware, например error.js:

export default function ({ error, redirect }) {
  // Проверяем, есть ли ошибка
  if (error) {
    // Если ошибка, делаем редирект на страницу 404
    redirect('/404')
  }
}

Затем, чтобы ваше middleware работало, вам нужно привязать его к вашему приложению Nuxt.js. Для этого добавьте его в файл nuxt.config.js, в блок router:

export default {
  // ...
  router: {
    middleware: 'error'
  }
  // ...
}

Теперь ваш middleware будет вызываться перед каждым запросом и, если обнаружена ошибка, пользователь будет перенаправлен на страницу 404.

Это базовый пример, позволяющий вам перенаправлять пользователя на страницу 404 при возникновении ошибки в Nuxt Vue Apollo. Вы можете дополнить его, добавив дополнительные проверки и условия, в зависимости от ваших потребностей.