我正在尝试在Nuxt SPA中使用动态路由。我知道如何在通用模式下使用动态路由,并且知道如何在构建期间使用函数生成动态路由,但是我正在寻找不需要在数据库中每个新条目进行重新构建的东西。 / p>
我的网络应用允许用户创建内容(通过Strapi后端),该内容应立即以 www.domain.com/content/uniqe_id 之类的格式进行访问(而无需重建项目) 这可能吗?是否可以创建诸如 /content/index.vue 之类的可以访问参数并获取正确内容的东西?
在一个旁注中:出于某些原因,我宁愿使用通用模式,但我在我的项目中使用Three.js,使其正常工作的唯一方法是使用SPA。我已经对此发布了here
答案 0 :(得分:0)
如果您使用的是SPA模式,则您不必担心动态路由,因为所有内容都在客户端上呈现。您唯一需要注意的是设置生产服务器以始终重定向到您的index.html
,这样在访问其他页面时就不会收到404消息。
如果您使用的是Universal,则仍可以通过将其添加到nuxt.config.js
中来生成SPA后备,以在客户端处理动态路由:
generate: {
fallback: true,
// ...
},
使用此方法,Nuxt会生成404.html,它将以SPA模式呈现页面,而不是显示404,而其他路线的生成方式与正常情况相同。
如果您想正确生成所有路由并可以立即访问,则可以使用此技术向用户显示页面的临时SPA版本,直到重建页面为止。