Как сделать * .vue файл в nuxt

Question

Я знаю, что мой вопрос кажется странным, но я серьезно потерян здесь, я прочитал статью, чтобы перенаправить все не найденные страницы в nuxt на / или home или index, но в этом уроке расскажите мнесделать page/*.vue. Прежде всего я знаю, что * этот asterisk символ означает all, но всякий раз, когда я пытаюсь создать *.vue файл, он всегда дает мне недопустимые файлы в Visual Studio Code. может кто-нибудь помочь мне решить это?

это статья, которую я прочитал redirect-404-not-found-in-nuxt-js Я уже пробовал код в этой статье, и он работает и перенаправляет мою страницу 404.vueк дому, но это не решение, которое я ищу, поскольку это означает, что я должен объявить все возможные файлы для не найденных, и, конечно, это не хорошее решение.

это код 404.vue, который я хочу использоватьв *.vue:

<!-- pages/*.vue -->
<script>
export default {
  asyncData ({ redirect }) {
    return redirect('/')
  }
}
</script>

Answer 1

*. Vue не является допустимым именем файла. Я не использовал Nuxt при создании своей страницы 404 - я просто использовал обычный старый Vue.

Сначала я создал компонент и назвал мой notFoundComponent.vue (может вызывать ваш как угодно), а также создал View и назвал его notFoundView.vue. Затем я закодировал эти страницы, чтобы отобразить ошибку 404. Как я хотел.

На своей странице router.js я добавил следующее в конец маршрутов, и оно работает, как и предполагалось:

{ name: 'notFoundView', path: '*', component: notFoundView }