SSR Introduction -1: What is SSR?

SSR is server-side rendering: vue instances are rendered as HTML strings in the background and returned directly, and activated as interactive programs in the front end.

Implementation principle:

Advantages:

Disadvantages:

Single-page application with its excellent user experience has gradually become the mainstream, and the page content is rendered by js, which is called client-side rendering. Its process is:

Disadvantages:

It is a compromise solution between traditional server-side rendering and single-page application: the back-end renders a complete dom structure, and the front-end gets the contents including: the first screen and the complete spa structure. After the application is activated, it still runs in the spa mode. This page rendering method is called server-side rendering, and its process is:

Advantages:

if all the above questions are answered in the affirmative, then you can consider how to do SSR: