nuxt.js 如何在自定义layout页面中获取context对象？

Question

如题

在开发过程中把复用率很高的header footer 组件加到了layout中

现在的layout代码结构是

```
<div>
    <SideBar></SideBar>
    <Header></Header>
    <nuxt/>
    <Footer></Footer>
</div>
```

但是hearder 和 footer 组件的逻辑是需要在服务端获取context对象的，但是layout页面中不能使用asyncData函数来获取context。

请教一下各路大神，如何在layout页面中获取context对象

Answer 1

昨天碰到这个问题，刚刚解决了。asyncData只能使用在page目录下。

如果想在layout使用context的对象可以使用 middleware https://zh.nuxtjs.org/api/pag...

Answer 2

可以用在data函数或者created中通过 this.$ssrContext获取到vue ssr 的context,nuxt的ssr不能获得

Answer 3

嗨，请问你找到答案了吗？我也碰到了这个问题

Answer 4

我也被同样的问题拦住了，楼上两位老哥找到解决方法了吗？