GitPage调用EC2上Node.js API失败问题咨询

• 配置CORS跨域规则
  GitHub Pages属于静态前端托管，存在跨域访问限制，即使EC2开放了全量IP权限，浏览器仍会拦截未允许跨域的请求。在你的Node.js API项目中，需通过CORS中间件明确允许GitHub Pages域名的访问：

  const cors = require('cors');
  // 允许指定GitHub Pages域名
  app.use(cors({ origin: 'https://<你的用户名>.github.io' }));
  // 测试阶段可临时允许所有域名（生产环境不建议）
  // app.use(cors());
  

  若API涉及PUT/DELETE等复杂请求，还需配置credentials: true并确保预检请求（OPTIONS）能正常响应。

• 核对EC2网络权限配置
  确认EC2安全组已放行API使用的端口（如3000、80、443）的入站流量，同时网络ACL也要对应开放该端口的入站、出站规则，避免因端口未放行导致请求无法到达。

• 确认API公网访问地址正确性
  本地调用可能使用EC2私有IP或localhost，但GitHub Pages是公网环境，必须使用EC2的公网IP或绑定的域名。可先用Postman直接调用该公网地址，验证API本身是否能正常响应。

• 处理HTTPS混合内容问题
  GitHub Pages默认使用HTTPS协议，若你的EC2 API仍用HTTP，浏览器会因“混合内容”拦截请求。解决方式：

  • 给EC2配置HTTPS证书（如Let's Encrypt免费证书），配合Nginx反向代理实现HTTPS访问；
  • 确保API地址与GitHub Pages协议一致（均为HTTPS）。

• 利用浏览器控制台定位具体错误
  打开GitHub Pages页面的开发者工具（F12），查看Console和Network标签的错误提示——比如CORS报错、请求超时、403/404状态码，根据具体信息针对性排查。

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