Angular Universal——服务器端渲染

前言

标准的 Angular 应用运行在浏览器中，在 DOM 中渲染页面，响应用户的操作。 而Angular Universal 会在服务端运行，生成一些静态的应用页面，通过客户端进行启动。 这意味着该应用的渲染通常会更快。

熟悉后台开发的朋友应该对服务器端渲染比较熟悉，Java、php 这些开发语言，使用它们开发后台管理系统，都有对应的模板引擎，前端发出请求，后台把数据和模板引擎结合起来，然后编译成 html 页面，把编译好的页面返回给浏览器，直接展现出来。

服务器端渲染就是在后台生成相应的静态页面，通过客户端启动。

开始

1.新建项目

ng new server-render

2.进入项目

cd server-render

3.创建服务器端应用模块

ng add @nguniversal/express-engine --clientProject server-render

4.文件结构变化

运行

运行项目，执行一下命令

npm run build:ssr && npm run serve:ssr