Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.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
Vue.js NuxtJS动态路由SSR_Vue.js_Nuxt.js_Server Side Rendering - Fatal编程技术网

Vue.js NuxtJS动态路由SSR

Vue.js NuxtJS动态路由SSR,vue.js,nuxt.js,server-side-rendering,Vue.js,Nuxt.js,Server Side Rendering,SSR没有在NuxtJS中使用动态路由(_id.vue文件),我正在使用asyncData函数在服务器端渲染数据库中的动态值,它在开发模式下工作,但在生成静态项目后,服务器端没有渲染任何内容,包括带有静态值的HTML标记 _id.vue 奥里萨昂 {{data.nome | capitalize}estálocalizado no bairro{{data.bairro | capitalize},{data.rua | capitalize},{data.num},na cidade de

SSR没有在NuxtJS中使用动态路由(_id.vue文件),我正在使用asyncData函数在服务器端渲染数据库中的动态值,它在开发模式下工作,但在生成静态项目后,服务器端没有渲染任何内容,包括带有静态值的HTML标记

_id.vue


奥里萨昂

{{data.nome | capitalize}estálocalizado no bairro{{data.bairro | capitalize},{data.rua | capitalize},{data.num},na cidade de de{data.cidade | capitalize}

从“@/functions/fsAct”导入fsAct; 从“~/assets/js/firebase”导入firebase; 导出默认值{ 混合:[fsAct], 数据(){ 返回{ id:this.$route.params.id, 数据:{ 法查达:“ } }; }, /*固态继电器*/ 异步数据({route,params}){ 常数参考=火基 .firestore() .收集(“示例”) .doc(参数id); 让我们抓紧; 试一试{ snap=wait ref.get(); }捕获(e){ 控制台错误(e); } 常量前缀= "https://firebasestorage.googleapis.com/v0/b/easyhouse-am.appspot.com/o/"; 让dados=snap.data(); dados.fachada=前缀+dados.fachada.replace(“/”,“%2F”)+“?alt=media”; 返回{ 数据:护墙板 }; }, 创建(){ this.fsSelectOne(“示例”,this.id)。然后(res=>{ this.data=res.data(); }); } };
如果您正在执行
numxt generate
,那么它将在不使用服务器的情况下构建静态页面。因此,您甚至没有服务器来调用异步数据方法

访问页面时,将在客户端调用此函数


如果您只构建静态网站,则应在创建之前使用lifecycle方法

如果您正在执行
nuxt generate
,则将在不使用服务器的情况下构建静态页面。因此,您甚至没有服务器来调用异步数据方法

访问页面时,将在客户端调用此函数


如果你只创建静态网站,你应该在创建之前使用生命周期方法

你解决了这个问题吗?你解决了这个问题吗?