Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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
Nuxt不呈现组件的html_Html_Vue.js_Nuxt.js_Server Side Rendering - Fatal编程技术网

Nuxt不呈现组件的html

Nuxt不呈现组件的html,html,vue.js,nuxt.js,server-side-rendering,Html,Vue.js,Nuxt.js,Server Side Rendering,我正在使用nuxt和nuxt generate构建一个在线商店,以便在Apache上部署我的应用程序 我创建了一个名为ArticuloCard的组件,它代表了我要销售的产品之一。此组件具有产品的图像、描述、价格等 我在索引页面上使用此组件来显示一些特色产品,如: <v-layout wrap> <v-flex v-for="(articulo, j) in filteredArticulos" :key="j" class="md3 lg3" d-flex>

我正在使用nuxt和nuxt generate构建一个在线商店,以便在Apache上部署我的应用程序

我创建了一个名为ArticuloCard的组件,它代表了我要销售的产品之一。此组件具有产品的图像、描述、价格等

我在索引页面上使用此组件来显示一些特色产品,如:

<v-layout wrap>
  <v-flex v-for="(articulo, j) in filteredArticulos" :key="j" class="md3 lg3" d-flex>
    <ArticuloCard v-bind:articulo="articulo" v-bind:dest="false"/>
  </v-flex>
</v-layout>

在这一点上,当我在开发模式下运行我的应用程序时,一切正常。如果我在浏览器上检查页面的源代码,html是正确的,它包含所有的href、price、image等等

当我运行nuxt generate时,问题就出现了,因为我希望页面处于静态状态,以便google爬虫对页面进行索引。 索引页面的结果html不包含上面提到的任何html,它只显示ArticuloCard所在的四个空行

由于谷歌爬虫无法索引整个页面,因为没有链接可以跟随,它会在主页上停止

我不知道使用nuxt generate时这是否是预期的行为,但我想它应该呈现组件,因为它是一个静态站点。有人知道我能做到这一点吗?或者知道打印html的其他方法吗


谢谢你的帮助,很抱歉问了这么长的问题

您是否正在从API调用中检索
过滤器Darticulos
?如果是这样的话,请看一下NuxtJS的用法

问题可能是因为您没有在服务器端正确检索数据