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
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.
. 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?
the packaged scripts are generated dynamically by nuxt. How to mark a global variable so that your business code can tell which command it is? (for example, the interface domain names of different commands are different) ...
because vue version 2.5 or above is required to use element-ui, this error is reported after updating the vue, refresh page separately. I really don t understand. links on the diagram ...
when users are not logged in, they enter the login page by default, while the login page has a "about us " button. Click to enter the page about us. Click on this.$router.,. Now the problem is to enter the page about us from the login page, refresh and ...
look again at the nuxt document, which does not understand these three attributes. Is set to isClient for client-side rendering? module.exports = { build: { extend (config, { isClient }) { if (isClient) { config.devto...
I have already set it in nuxt.config.js. Why not? module.exports = { ... router:{ mode: history }, ... } routing remains the same http: localhost:3000 -sharp I don t want the last -sharp thing ...
error report: Error while initializing app DOMException: Failed to execute appendChild on Node : This node type does not support this method. when jumping back to any current page from single sign-on. This error is displayed. I don t kn...
nuxt project. After refreshing the page, an error Error while initializing app DOMException: Failed to execute appendChild on Node : This node type does not support this method. is reported. Is there any good solution? ...
after the original vue project has been modified by Nuxt.js, there are some problems. when the first screen is loaded, the list data is obtained in asyncData and can be quickly rendered through the server, but at this time, the page is inoperable, and ...
< H1 > use styleResources in nuxt.config.js to introduce public scss file, variable error < H1 > error in . layouts default.vue?vue&type=style&index=0&id=314f53c6&lang=scss&scoped=true& Module build failed (from . node_module...
A requirement of our company is to set different subdomains for different modules. For example, the home page for renting is rent.test.com, and the home page for buying a house is sale.test.com, but for a nuxt project, the root path can only correspon...
inside the asyncData method of the nuxt.js framework let [ FindInstitutionsDetailed, EnterpriseHot, ] = await Promise.all([ P.FindInstitutionsDetailed({ id :context.route.query.id+ }), P.Ent...
nuxt + iview server rendering Why can t all click events be triggered in IE browsers? only the a tag can jump normally * and the data of the child component cannot be populated all the js is not running. click hover rotation chart setting l...
problem description dynamic nesting routing of nuxt.js does not refresh data 127.0.0.1 cate 2 switching to 127.0.0.1 tag 21 will re-render (cate and tag are dynamic routes) but 127.0.0.1 cate 2 switching to 127.0.0.1 cate 21 routing change page wil...
add Weibo components to the loop: <div class="itemlist" v-for= itemw in weiboList > <div class="titleDiv"> <div class="textArt" :class="{ textActive :!item...
urlmetaid,:https: open.weibo.com widget... ...