Problems with nuxt.js development

considering the problem of SEO optimization, the project uses the nuxt framework.
now there are three issues that I don"t quite understand. I hope the Great God will take the time to explain them in the midst of his busy schedule.
Thank you.

1.nuxt provides two ways to package deployment, static and server-side rendering. There are a lot of tabs, broadcast maps, and a lot of data in the project that require back-end interaction. This situation is not suitable for static deployment.

2. I just realized this problem. The
asyncData method is called only when the page is initialized. So will the data returned when I trigger the request when I switch tabs be displayed in the source code when rendered?
if not, is there any way to solve this problem?
is this important for SEO?

Nuxt.js

Feb.23,2022

answer your questions one by one. First of all, the essence of SEO is not only to do server rendering, but also to consider whether your page needs to be crawled and included by search engines, and page weight.
in addition, asyncData this API is mainly called when the page is loaded or refreshed for the first time, but switching this scenario directly in nuxt will also normally switch your request in asyncData . Internally, you only need to change the context to the this pointer, so a request that does not pass a page refresh will not directly render a page to return, but separate data. But when you refresh the page, you will return a rendered page from the server, and the two do not conflict.

Previous: How on earth does the is in Python judge? Ask Daniel for an answer

Next: A problem with consul using ACL?

Where does the code in nuxt.js that does not need to be executed on the server be executed?
I want to load the data on the first screen on the server, that is, there is still part of the return data, hidden in asyncData, and I want to render it on the client. How do I write this? ...

Nuxt.js javascript

Feb.27,2021
Is there a problem with the configuration item css in Nuxt.config.js?
for the first time it s all wrong anyway. I followed nuxt.js s official tutorial-- ...

Vue.js nuxt.js

Feb.27,2021
How do you share files for a Vue project built by Nuxt.js?
how do Vue projects built with Nuxt.js share header and footer files? only files with section contents are placed in the page directory. Navigation bars and footers and every time you jump to a new route, navigation doesn t have to be reloaded. Gods, ...

Route front-end-to-build nuxt.js vue.js

Feb.28,2021
Does nuxt use keep-alive, to empty data in data every time you switch pages?
each time nuxt uses keep-alive, to switch pages, it will empty the data in data, which is inconsistent with the performance of keep-alive in normal vue-cli-built projects. for example, the asynchronously acquired data I loaded in list is switched to i...

Nuxt.js react.js vue.js javascript

Feb.28,2021
Invalid Nuxt package.json NODE_ENV setting
current Nuxt projects need to be published to different environments corresponding to but the value obtained through process.env.NODE_ENV is not the value assigned here but production what is the reason for this? How can I get the desired result...

Nuxt.js

Feb.28,2021
The keepAlive, in nuxt is used, but I find that when the page component is switched, the data will be emptied when entering the interface. Is this his bug?
nuxt 1.4 uses keepAlive, in nuxt, but I find that when the page component is switched, the data in data will be reset and emptied when entering the interface . Is this his bug? if there is a problem with the setting, how can I modify the setting? ...

Nuxt.js vue.js javascript

Feb.28,2021
When packing under nuxt, I want to tell whether I am running npm run dev or build or the newly created script command. How can I tell the difference?
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) ...

Javascript nuxt.js vue.js react.js

Feb.28,2021
How to display Chinese in elementUI date Selector
after I install it using the documentation s npm installation method, I introduce a date selector as in the case, but the time is in English elementUI how to change this ...

Vue.js nuxt.js element-ui

Mar.01,2021
I would like to ask nuxt.js vue single file, how to use browser rendering + server rendering
ask nuxt.js s vue single file, how to make some vue scripts to be rendered by browser instead of server. if the pull-up load belongs to browser rendering through ajax, how to express the .vue single file in ssr mode. Please, everyone. I m in a hurry...

Front-end javascript ssr nuxt.js vue.js

Mar.01,2021
Nuxt.js builds and installs the dependencies through vue-cli, and runs npm run dev to report an error.
D: code nuxtjsdemo node_modules nuxt lib core middleware nuxt.js:72 const policies = this.options.render.csp.policies ? {...this.options.rende r.csp.policies} : null SyntaxError: Unexpected token ... platform environment nodejs 8.2.0 v...

Vue-cli nuxt.js

Mar.01,2021
How to add v-distpicker plug-ins to nuxt
add components with npm install v-distpicker add vendor: to nuxt.config.js [ axios , v vendor: distressed ] how to write in the vue interface, ask the great gods to save ...

Nuxt.js vue.js

Mar.01,2021
The project built by nuxt.js did not report an error when it started, but it did not start successfully.
report this error with pm2 logs main startup, but netstat-anp | grep port 80 is not occupied ...

Nuxt.js node.js

Mar.01,2021
Nuxt.js uses less-loader to load less styles and finds out why variables cannot be loaded.
my global variable configuration vue :@base-color-red less@ ...

Nuxt.js webpack vue.js

Mar.02,2021
How does nuxt asyncData generate static files after generate?
I use nuxt to do a project that separates the front and rear ends, and uses docker to build the project independently. When the server needs generate to generate static files to access, and asyncData obtains the initial data, the data obtained by my loca...

Nuxt.js

Mar.02,2021
After Nuxt is packaged with npm run generate, it is generated in the dist folder. Open index.html and find that js is invalid.
I use the npm run dev command, but I use npm run generate to package and generate the dist folder, and open index.html to find that js is all invalid. When I first met vue, I asked for guidance. ...

Nuxt.js vue.js

Mar.02,2021
Problems with nuxt upgrading vue version
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 ...

Vue.js javascript nuxt.js

Mar.02,2021
How to use the less public variable in nuxt
if you want to define a global less variable and then use it, how do you configure it ...

Less-loader less nuxt.js

Mar.03,2021
How to configure nuxt.js globally?
I have a configuration file in js format, and I don t want to read the configuration every time I have a request. (what if I configure it in cdn,? (not so good on the server Synchronize in the past) if I am writing a service like golang php c, I will c...

Nuxt.js vue.js

Mar.03,2021
The nuxt.js page reported an error and could not find the page?
page: structure: index.vue homeindex.vue :homeindex.vuevue-awesome-swiper: ...

Ssr front-end-engineering nuxt.js vue.js javascript

Mar.03,2021
About the configuration of nuxt.js?
the project directory automatically generated by nuxt.js no longer has webpack.config.js, so how to configure things such as scss, less, autoprefixer, and url? ...

Ssr front-end-engineering nuxt.js vue.js javascript

Mar.03,2021