服务端使用Vue进行渲染 服务端使用Vue进行渲染

一、前言

1、服务端渲染图解

2、简介服务端渲染

3、vue-cli脚手架项目创建，实现客户端渲染和服务端渲染

4、演示demo地址：https://github.com/4561231/ssr-vue

二、主要内容

1、服务端渲染图解 参照另一篇：服务端渲染和客户端渲染

2、简介服务端渲染

Vue.js 是用于开发客户端应用的框架，在默认设置下，该框架可以在浏览器环境中生成 Vue 组件，并完成 DOM 元素的构建与操作。不过，也存在一种方式，即将相同的组件在服务器端进行处理，生成对应的字符串形式，并将其传输至浏览器。浏览器接收到这些静态标记后，会将其激活为具备交互功能的客户端应用程序。具体而言，开发者首先在前端编写好组件页面内容，随后将这些内容传递给服务器。服务器借助其内部的特定程序插件对组件进行处理，并生成相应的 HTML 字符串。最终将这些字符串发送至浏览器以展示页面。

3、 新建项目，安装依赖路，创建服务端代码

(1)server.js

 const Vue = require('vue')

    
 const express = require('express')();
    
  
    
 const renderer = require('vue-