Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 生成后在Nuxt SPA中使用动态管线_Javascript_Vue.js_Nuxt.js - Fatal编程技术网

Javascript 生成后在Nuxt SPA中使用动态管线

Javascript 生成后在Nuxt SPA中使用动态管线,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我尝试在Nuxt SPA中使用动态路线。我知道如何在通用模式下使用动态路由,我知道如何在构建时使用函数生成它们,但我正在寻找一些不需要使用数据库中的每个新条目重新构建的东西 My web app允许用户创建内容(通过Strapi后端),这些内容应该可以立即以如下形式访问(无需重建项目) 这可能吗?我可以创建像/content/index.vue这样的东西来访问参数并获取正确的内容吗 另一方面:出于几个原因,我更喜欢使用Universal模式,但我在我的项目中使用了Three.js,让它工作的唯一

我尝试在Nuxt SPA中使用动态路线。我知道如何在通用模式下使用动态路由,我知道如何在构建时使用函数生成它们,但我正在寻找一些不需要使用数据库中的每个新条目重新构建的东西

My web app允许用户创建内容(通过Strapi后端),这些内容应该可以立即以如下形式访问(无需重建项目) 这可能吗?我可以创建像/content/index.vue这样的东西来访问参数并获取正确的内容吗


另一方面:出于几个原因,我更喜欢使用Universal模式,但我在我的项目中使用了Three.js,让它工作的唯一方法是使用SPA。我已经发布了这方面的信息

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


如果您使用的是Universal,您仍然可以通过将其添加到
numxt.config.js
,生成SPA回退,以便在客户端处理动态路由:

生成:{
回退:没错,
// ...
},
使用此选项,Nuxt将生成一个404.html,它将以SPA模式呈现页面,而不是显示404,而其他路由将像普通路由一样生成

如果希望正确生成所有路由并具有即时访问权限,可以使用此技术向用户显示页面的临时SPA版本,直到重新生成页面为止