How does nuxt.js get the context object in a custom layout page?

as the title 

header footer layout

layout

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

but the logic of the hearder and footer components needs to get the context object on the server, but the asyncData function cannot be used in the layout page to get the context.

ask the gods how to get the context object in the layout page

Javascript nuxt.js
Dec.18,2021

Hi, have you found the answer? I also encountered this problem

I was stopped by the same problem. Have the two brothers upstairs found a solution?

this problem was encountered yesterday and has just been solved. AsyncData can only be used under the page directory.

if you want to use context in layout, you can use middleware https://zh.nuxtjs.org/api/pag.

.
< H1 > can be used in the data function or in created to obtain the context,nuxt of vue ssr through this.$ssrContext . The ssr cannot be obtained < / H1 >.

Previous: About API response delay

Next: What should I do if I feel like I haven't made any progress six months after graduation?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu