Express.js图片存储服务器部分请求报错原因排查

嘿，这个问题我太熟悉了！你遇到的核心问题其实很简单：你的Express服务器只配置了HTTP服务，完全没处理HTTPS请求。

问题原因拆解 #

• 当你用http://127.0.0.1:9999/...访问时，浏览器走的是普通HTTP协议，正好匹配你代码里app.listen(9999)启动的HTTP服务，所以能正常读取并返回图片文件。
• 但用https://127.0.0.1:9999/...访问时，浏览器会尝试和服务器建立TLS加密连接——可你的服务器根本没监听HTTPS端口，也没配置SSL证书，根本无法响应合法的HTTPS请求，自然就抛出了“无效响应”的错误。

解决方案 #

根据你的使用场景，分两种情况处理：

1. 本地开发临时测试（用自签名证书）

如果你只是本地调试需要HTTPS，可以用Node.js内置的https模块配合自签名证书快速搞定：

• 第一步：生成自签名证书（需要安装OpenSSL，大部分系统默认自带），在项目根目录执行命令：

  openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem -days 365 -nodes
  

  执行后会生成key.pem（私钥）和cert.pem（证书）两个文件。
• 第二步：修改你的Express代码，同时启动HTTP和HTTPS服务：

  const express = require('express');
  const http = require('http');
  const https = require('https');
  const fs = require('fs');
  const app = express();
  
  // 保留原有的路由逻辑
  app.get('/*', (request, response) => { 
    response.sendFile(__dirname + '/data' + request.path); 
  });
  
  // 启动原有的HTTP服务（端口9999）
  http.createServer(app).listen(9999, () => {
    console.log('HTTP Server started on port 9999');
  });
  
  // 配置HTTPS服务的证书选项
  const httpsOptions = {
    key: fs.readFileSync('./key.pem'),
    cert: fs.readFileSync('./cert.pem')
  };
  
  // 启动HTTPS服务（用不同端口，比如9998）
  https.createServer(httpsOptions, app).listen(9998, () => {
    console.log('HTTPS Server started on port 9998');
  });
  

• 第三步：访问https://127.0.0.1:9998/main/avatar.png，浏览器会提示证书不安全（自签名证书的正常现象），选择“高级”->“继续访问”就能看到图片了。

2. 生产环境部署

生产环境不能用自签名证书（用户浏览器会报错不信任），你需要：

• 从正规CA机构（比如Let's Encrypt）获取免费的可信SSL证书；
• 要么用https模块配置证书启动服务，要么更推荐用Nginx反向代理来处理HTTPS请求（这种方式更稳定，还能做负载均衡、静态资源缓存等优化）。

补充说明 #

HTTP和HTTPS是完全独立的协议，不能共用同一个端口（除非用反向代理做协议分流），所以你之前的代码只能响应HTTP请求，HTTPS请求自然会失败~

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