能否在AWS EC2上不借助Nginx部署Angular应用？

当然可以——Angular项目执行构建命令后会生成纯静态文件（HTML、CSS、JS、图片等），本质上不需要服务器端运行环境，完全不用依赖Nginx这类工具就能部署到AWS，下面是几种实用的方案：

1. S3 + CloudFront（最推荐的静态托管方案） #

• 先执行ng build（Angular 12+版本，生产环境构建默认优化），得到dist/目录下的所有产物
• 创建AWS S3桶，将dist/内的文件全部上传
• 开启S3桶的「静态网站托管」功能，设置索引文档为index.html，错误文档也指向index.html（解决Angular路由刷新404的问题）
• 可选搭配CloudFront做CDN加速，同时配置自定义域名、HTTPS证书，提升全球访问速度和安全性

2. Node.js静态文件服务器 #

如果你习惯Node.js生态，可以自己搭个极简静态服务托管Angular产物，和你之前部署Node.js API的逻辑类似：

• 构建Angular项目得到dist目录
• 用express快速实现静态服务：

  const express = require('express');
  const path = require('path');
  const app = express();
  
  // 托管Angular静态文件
  app.use(express.static(path.join(__dirname, 'dist/your-app-folder')));
  
  // 处理Angular路由，所有非静态资源请求返回index.html
  app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, 'dist/your-app-folder/index.html'));
  });
  
  const port = process.env.PORT || 3000;
  app.listen(port, () => {
    console.log(`Server running on port ${port}`);
  });
  

• 把这个服务部署到EC2、Elastic Beanstalk甚至Lambda都可以，不需要Nginx介入

3. AWS Amplify #

Amplify是AWS专为前端应用打造的托管服务，全程可视化操作，完全不用管服务器配置：

• 连接你的代码仓库（GitHub、GitLab等）
• 设置构建命令为ng build，指定构建产物目录
• Amplify会自动完成构建、部署，还支持多环境分支、自定义域名、HTTPS、CI/CD等功能，零服务器运维成本

关键注意事项 #

• 路由模式：如果用的是Angular默认的pathLocationStrategy路由模式，必须确保服务器将所有非静态资源的请求转发到index.html，否则刷新页面会出现404错误，上面的方案都已经覆盖了这个配置
• 缓存策略：Angular构建生成的带哈希值的资源文件可以设置长期缓存，而index.html需要设置短缓存或者不缓存，避免用户无法获取应用的最新版本

内容的提问来源于stack exchange，提问作者The Hungry Dictator