Vue.js NuxtJS动态路由SSR
SSR没有在NuxtJS中使用动态路由(_id.vue文件),我正在使用asyncData函数在服务器端渲染数据库中的动态值,它在开发模式下工作,但在生成静态项目后,服务器端没有渲染任何内容,包括带有静态值的HTML标记 _id.vueVue.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
奥里萨昂
{{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
,则将在不使用服务器的情况下构建静态页面。因此,您甚至没有服务器来调用异步数据方法
访问页面时,将在客户端调用此函数
如果你只创建静态网站,你应该在创建之前使用生命周期方法
。你解决了这个问题吗?你解决了这个问题吗?