前言
@angular/platform-server 是 Angular 框架所提供的一个功能强大的 npm 包。该包可以将 Angular 应用程序渲染成 HTML,以便能够在服务器端渲染网页。这一功能非常有用,因为它可以提升应用的性能并改善搜索引擎优化。
本文将详细介绍如何使用 @angular/platform-server 这一 npm 包来渲染服务器端的网页。
安装
使用 npm 包管理器来安装 @angular/platform-server:
--- ------- ------ ------------------------
使用
首先,需要在 AppModule 中导入 ServerModule:
------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ------------ - ---- --------------------------- ------ - ------------ - ---- ------------------ ----------- -------- - ------------------------------------------ ----------- ------------- -- ---------- --------------- ------------- --------------- -- ------ ----- --------- --
在 AppModule 中使用 ServerModule 会自动开启服务器端渲染功能。接下来需要修改 index.html,需要把 app-root 组件改成 server-app-root 组件,同时需要添加一个