undefinedfix
Sign in

Pre render display of Vue prerender spa plugin

Raymond edited in Fri, 05 Aug 2022

At the request of the company, we did SEO optimization for the Vue project of spa, checked some information, pre rendered with prerender, configured the API, and produced HTML files,

Now the problem is: first of all, I used a common component for the head and tail, but the head style is wrong and the tail is OK,

clipboard.png

clipboard.png

Then, after the release to the test page, the pre rendered page will be displayed first, and then the official page will appear, but the pre rendered page always exists in the page, please help me to have a look.

3 Replies
rortr
commented on Fri, 05 Aug 2022

The principle of pre rendering is to start a nodejs server, and then obtain the given route to save the web page. I have used this before. Generally, there is no style problem, but the pre rendered page does exist on the page.

I guess you have a problem with style segmentation here. Maybe you didn't get the complete style during the pre rendering process, which caused the problem

fprvl
commented on Fri, 05 Aug 2022

I just found a problem that my pre rendered page elements are not in the # In app

clipboard.png

user3318674
commented on Fri, 05 Aug 2022

I also had style problems

Has it been solved