如何在nuxt中制作* .vue文件

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不是有效的文件名。创建404页面时，我没有使用Nuxt-我只是使用常规的旧Vue。

首先，我创建了一个组件，并将其命名为notFoundComponent.vue（可以调用您的名称），还创建了一个View，并将其命名为notFoundView.vue。然后，我对那些页面进行了编码，以显示我想要的404错误。

在router.js页面上，我在路由末尾添加了以下内容，它可以按预期工作：

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