Question

我正在尝试在Nuxt SPA中使用动态路由。我知道如何在通用模式下使用动态路由，并且知道如何在构建期间使用函数生成动态路由，但是我正在寻找不需要在数据库中每个新条目进行重新构建的东西。 / p>

我的网络应用允许用户创建内容（通过Strapi后端），该内容应立即以 www.domain.com/content/uniqe_id 之类的格式进行访问（而无需重建项目）这可能吗？是否可以创建诸如 /content/index.vue 之类的可以访问参数并获取正确内容的东西？

在一个旁注中：出于某些原因，我宁愿使用通用模式，但我在我的项目中使用Three.js，使其正常工作的唯一方法是使用SPA。我已经对此发布了here

Answer 1

如果您使用的是SPA模式，则您不必担心动态路由，因为所有内容都在客户端上呈现。您唯一需要注意的是设置生产服务器以始终重定向到您的index.html，这样在访问其他页面时就不会收到404消息。

如果您使用的是Universal，则仍可以通过将其添加到nuxt.config.js中来生成SPA后备，以在客户端处理动态路由：

generate: {
  fallback: true,
  // ...
},

使用此方法，Nuxt会生成404.html，它将以SPA模式呈现页面，而不是显示404，而其他路线的生成方式与正常情况相同。

如果您想正确生成所有路由并可以立即访问，则可以使用此技术向用户显示页面的临时SPA版本，直到重建页面为止。