Angular SPA 服务器端渲染及部署 日期：2023-02-27 栏目：计算机分类：1 人气：953 angular官网分别只用了一章介绍`服务端渲染`和`预渲染`。这对与初次接触或者接触服务端渲染不久的同学来说有些难以理解，一篇文章读下来，几乎50%的专业名次都是初次遇到。一些专业名次可以通过百度了解其详情，但是一些步骤就不明所以了。 今天公司有个项目非常适合使用`服务端渲染`的技术，我整理了一下这个技术从无到有的一系列步骤。官网上有的我就不详细介绍了，只介绍哪些官网没有的，导致整个交付不连续的步骤。 ### 开发 - 本地更新nodejs版本，需要安装最新的`LTS`版本，官网中特殊说明，博主安装的版本为`18.14.1` - 项目添加`universal`，官网有介绍。如果是新项目，则需要先创建一个angular项目，然后在添加`universal` ``` ng add @nguniversal/express-engine ``` - 编写代码 - 项目打包 ``` ng build && ng run angular.io-example:server ``` ### 部署 项目打包之后会生成两个文件夹，一个browser，一个server。 - browser目录下的文件，按照普通客户端渲染的方式进行部署 - server目录下的文件，通过 `node main.js` 启动服务， 用于浏览器访问。 - 使用`pm2`守护node进程 - nginx反向代理node服务 这样我们通过外网就可以访问服务端渲染的SPA了。 ### 鸣谢 - [CSDN**_老杨_**](https://blog.csdn.net/evanyanglibo/article/details/127983228) - [CSDN**styleofpicasso**](https://blog.csdn.net/zhumany_csdn/article/details/103856677) - [博客园**sue7**](https://www.cnblogs.com/sue7/p/15874453.html) - [简书**ChikaraChan**](https://www.jianshu.com/p/0ecd727107bb) 标签： 上一篇：如何使用mvn命令导入依赖 下一篇：windows server mysql 定时备份 随便看看 2024-02-19 PHP7 运算符“??” 和“?:”的区别 2022-11-30 Linux 后台运行命令 2022-11-25 关于我们 2022-11-30 centos一键系统安装lnmp集成环境 2022-11-30 linux 生成 ssh 公钥 留言
