在 Angular 16 的新版本中,部署应用程序变得更加复杂,特别是对于那些第一次接触服务器部署的开发者来说。本文将详细介绍如何处理 Angular 16 应用程序的部署,尤其是在 Apache 服务器上使用 Plesk 面板。
构建与 Dist 文件夹
首先,完成你的 Angular 应用程序的构建过程,生成 dist
文件夹。这个文件夹包含了你的应用所需的所有文件。Angular 16 引入了两个新的文件夹:browser
和 server
。
browser 文件夹
browser
文件夹包含用于客户端渲染(Client-Side Rendering, CSR)的文件。这部分主要是 JavaScript 文件和一个 HTML 文件,这些文件可以直接在浏览器中运行。
server 文件夹
server
文件夹是为服务器端渲染(Server-Side Rendering, SSR)准备的。这意味着你需要在服务器上安装 Node.js 来支持 Angular 的 SSR。你还需要配置服务器,使其能够识别并运行这些服务器端的脚本。