Question

我是Nuxt的新手。我制作了一个静态网站，结果非常好，但是现在制作了一个具有动态内容的网站（例如博客）。我会有这样的结构：

->posts/
-->index.vue
-->_slug.vue

运行npm run dev时，我可以去mysite.test/posts/slug-1并得到想要的页面。如果刷新，我仍然会得到该页面。

问题在我构建时出现。我使用npm run build --spa（不是生成，我知道生成会创建静态文件，因此我必须为每个帖子制作一个静态文件）。现在，如果我转到mysite.test/posts/并单击某个帖子，它将导航至mysite.test/posts/slug-1，并且可以正常工作。如果我直接转到URL或刷新，不是吗？

该网站明确表示SPA模式适用于动态路线，但据我所知，它只能导航到动态路线，而不是直接链接？

Answer 1

Nuxt不知道您拥有哪些动态路由，因此您需要在nuxt.config.js的generate configuration选项中指定它们。了解更多here。

您将执行以下操作：

export default {
  generate: {
    routes: [
      '/posts/slug-1',
      '/posts/slug-2',
      '/posts/slug-3'
    ]
  }
}

执行此操作后，如果刷新，它将不再在动态路由的页面上显示404。

Nuxt 404页面刷新页面

1 个答案: