MERN全栈项目部署AWS：HTTP正常但HTTPS无法运行求助

核心问题 #

浏览器加载HTTPS页面时，会拦截所有HTTP协议的请求/资源（浏览器安全限制），你的项目HTTP下正常但HTTPS报错，大概率是代码里硬编码了HTTP的API地址，或静态资源引用用了HTTP协议。

具体修复步骤 #

• 前端API请求地址修正
  不要在代码里写死http://xxx.aws.com/api，改成相对路径或通过环境变量动态适配当前协议：

  // 自动适配当前页面协议
  const API_BASE_URL = `${window.location.protocol}//${window.location.host}/api`;
  // 或更简单的相对路径（前提是前后端同域名/端口）
  const API_BASE_URL = '/api';
  

• 后端HTTPS配置
  若用Express后端，可通过AWS负载均衡器（ALB）做SSL终止（ALB将HTTPS转HTTP发给后端）；若自行配置Express HTTPS：

  const https = require('https');
  const fs = require('fs');
  const app = require('./app');
  
  const options = {
    key: fs.readFileSync('/path/to/private-key.pem'),
    cert: fs.readFileSync('/path/to/certificate.pem')
  };
  
  https.createServer(options, app).listen(443);
  

• AWS服务配置检查
  • 确认EC2安全组开放443端口（HTTPS）。
  • 若用CloudFront，确保Origin协议设置正确（如匹配查看器协议），缓存行为允许HTTPS。
  • 确认AWS Certificate Manager（ACM）的SSL证书已正确绑定到对应域名/负载均衡器。
• 静态资源引用检查
  排查前端项目里的图片、CSS、JS等资源，确保没有硬编码HTTP地址，改用相对路径或HTTPS协议的CDN地址。

验证方法 #

修复后打开浏览器控制台（F12），查看Network标签，确认所有请求均为HTTPS协议，无HTTP请求出现。

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