nuxt 如果在服务端渲染公用部分 如header 和 footer

Question

我创建了一个layouts文件

<template>
  <div>
    <Header />
    <nuxt />
    <Footer />
  </div>
</template>

从文档了解到 layouts 是没有 asyncData 方法的，那么我如何服务端渲染 header 和 footer 的数据呢？

Answer 1

首先这个是可以的。和在浏览器是一样的呀。你也可以在nuxt 里面放 heraer , content , footer.

Answer 2

最后直接在footer上使用 store.state.[存的值] ，因为在store 下index.js使用了nuxtServerInit，所以存在了服务器上。