Angular 18服务端应用部署：Plesk服务器文件上传位置问询

核心部署逻辑 #

Angular SSR 分为前端静态资源和后端服务两部分，在 Plesk 中需分别处理：

1. browser 文件夹（前端静态资源） #

• 上传到目标域名的网站根目录（通常是 httpdocs 或 public_html，具体取决于服务器配置）。这部分是用户浏览器直接访问的静态文件（HTML、CSS、JS、媒体资源等），必须放在对外可访问的公开路径下。

2. server 文件夹（SSR 服务端代码） #

• 禁止放在网站根目录的公开路径，建议上传到根目录外的私有目录（比如同域名下的 ../ssr-server 或 Plesk 自带的 private 目录），避免被非法访问。
• 在 Plesk 的 Node.js 管理模块中，将应用启动目录指向 server 文件夹，设置启动脚本为 main.js（Angular 18 SSR 构建生成的服务端入口文件）。

3. 附属文件处理 #

• 3rdpartylicenses.txt：可选上传，一般放在网站根目录或与 browser 同目录，用于合规展示第三方依赖许可证，不影响应用运行。
• prerendered-routes.json：若应用启用了预渲染，需将此文件与 server 文件夹放在同一目录，服务端会读取它处理预渲染路由。

Plesk 具体操作步骤 #

1. 登录 Plesk，进入目标域名的「网站与域名」管理界面。
2. 将 browser 文件夹上传到 httpdocs（或对应根目录），覆盖原有文件（如有）。
3. 将 server 文件夹、3rdpartylicenses.txt、prerendered-routes.json 上传到安全的私有目录（比如 httpdocs/../ssr-server）。
4. 进入「Node.js」管理模块，配置 Node.js 应用：
   • 应用根目录选择 server 文件夹的路径。
   • 启动脚本指定为 main.js。
   • 配置端口后，确认 Plesk 自动完成反向代理设置，让域名请求转发到 Node.js 应用端口。
5. 启动 Node.js 应用，测试网站是否正常渲染 SSR 内容。

注意事项 #

• 确保服务器安装 Node.js 18+（Angular 18 推荐版本），可在 Plesk 的 Node.js 模块中切换版本。
• 若遇到权限问题，在 Plesk 中调整文件权限，确保 Node.js 进程能读取 server 文件夹及相关文件。

内容的提问来源于stack exchange，提问作者MB_18