Пользовательская страница 404 с использованием Nuxt generate работает только в режиме разработки

Question

У меня есть страница error.vue в папке layouts.

Когда я в режиме разработки, получаю доступ к сайту через localhost, если я попадаю на страницу с неправильным именем, появляется страница 404но когда я в производстве, я не вижу эту страницу.Вместо этого появляется другая страница:

Вот код:

<template>
  <v-app>
    <v-container>
      <v-layout row wrap align-center justify-center fill-height>
        <v-flex xs12 sm12 md6>
          <v-img
            :src="require('@/assets/images/404.svg')"
            width="90%"
          ></v-img>
        </v-flex>
        <v-flex xs12 sm12 md6 class="mb-5">
          <h1 class="display-4 light-grey font-weight-medium text-xs-center text-sm-center text-md-left mb-3">Oops!</h1>
          <h1 class="display-3 light-grey font-weight-medium text-xs-center text-sm-center text-md-left">The page you are looking for is not found.</h1>
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</template>

<script>
export default {
  props: ['error'],
  data() {
    return {
    }
  }
}
</script>

<style scoped>
  .light-grey{
    color: #4f4f4f;
  }
</style>

Nuxt версия: 2.8.1

После этого https://nuxtjs.org/guide/views/

Я что-то упустил?

Answer 1

Используете ли вы режим генерирования Nuxt? В этом случае вы забыли настроить статический сервер (похоже на ISS?) Для обслуживания файла отката 200.html, если запрашиваемая страница не была найдена. https://nuxtjs.org/api/configuration-generate#fallback

Если вы используете универсальный режим nuxt, ваш прокси-сервер настроен на перехват ошибок и показывает собственную страницу вместо страницы ошибок nuxt.