Nuxt 页面结构

Question

我想通过使用 nuxt 页面以特定结构创建 url，例如：

父文件夹/关于/名称

父文件夹中没有 index.vue 文件。我的问题是，如果您导航到没有子文件夹的 url，则找不到该页面。

在 nuxt 中，您如何拥有没有索引文件的父页面文件夹？

Answer 1

如果你只是想重定向，那么有两种方法可以做到这一点（我现在能想到的）

您可以在重定向到您想要的页面的两个目录中放置一个

index.vue

<script>
export default {
  asyncData({ redirect }) {
    //redirects to the about page
    redirect(301, "/parent/about/name");
  },
};
</script>

这将导致页面在加载页面时立即重定向

另一个选择是通过在项目的middleware

目录中创建一个文件来使用

/middleware

所以像

middleware/redirect-to-name.js

（注意这是一个js文件）

export default function ({ redirect }) {
  return redirect("/parent/about/name");
}

在每个你想重定向的 url 中，你可以使用这个

index.vue

文件

<script>
export default {
  middleware: "post-auth",
};
</script>