如何在Windows服务器上启动Angular Universal服务端渲染(SSR)站点?
Angular SSR 部署启动指南
- 彻底清理旧站点文件:删除服务器工作目录中原有的所有非SSR Angular文件(包括旧dist文件、静态资源、index.html等),不要仅覆盖,防止残留文件或缓存导致页面异常。
- 验证文件结构:确认复制到服务器的dist内容包含
browser、assets、server三个核心文件夹,以及项目的package.json(用于安装服务端依赖)。 - 安装服务端依赖:进入服务器工作目录,执行
npm install --production安装生产环境所需的服务端依赖。 - 启动SSR服务:
- 执行项目配置的SSR启动命令,默认是
npm run serve:ssr; - 或直接运行server目录下的启动文件:
node server/main.js(路径根据实际构建结果调整)。
- 执行项目配置的SSR启动命令,默认是
- 配置反向代理(如Nginx):
若之前用Nginx托管静态站点,需修改配置将请求转发到SSR服务端口(默认4000):
同时单独配置静态资源访问,确保location / { proxy_pass http://localhost:4000; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; }browser目录下的静态文件能被直接读取:
修改后重启Nginx生效。location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg)$ { root /your/server/workdir/browser; expires 1y; add_header Cache-Control "public, immutable"; } - 强制刷新浏览器缓存:访问站点时按
Ctrl+Shift+R强制刷新,避免本地缓存的旧页面影响。 - 后台托管服务:用进程管理工具(如pm2)确保SSR服务持续运行,例如:
pm2 start server/main.js --name angular-ssr
内容的提问来源于stack exchange,提问作者RobertcodeR
相关产品推荐
相关产品推荐

