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 }

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

1 个答案: