外部IP访问时Express脚本未执行，请求挂起问题求助

核心问题 #

你在外网环境下无法触发3300端口Express服务的请求，本质是3300端口未完成公网映射配置，或前端请求地址使用了内网IP导致外网无法解析。

排查与解决步骤 #

1. 配置路由器3300端口映射 #

这是外网访问内网服务的核心前提：

• 登录路由器管理后台，找到「端口转发」/「虚拟服务器」选项
• 添加新映射规则：
  • 外部端口：3300
  • 内部端口：3300
  • 内部IP地址：运行3300端口服务的机器内网IP（如192.168.1.100）
  • 协议类型：TCP（若需UDP可一并勾选）
• 保存规则后，在外网环境直接访问 公网IP:3300，确认能正常获取服务响应。

2. 修正前端请求地址 #

如果httpGetAsync函数请求的是内网IP（如192.168.x.x:3300），外网环境必然无法连接，可选择以下两种调整方式：

方式一：直接使用公网IP请求

将请求地址改为公网IP加3300端口，示例：

function httpGetAsync(url, callback) {
  const xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(xhr.responseText);
    }
  };
  xhr.open("GET", "http://你的公网IP:3300/data", true); // 修改为公网IP:3300
  xhr.send();
}

方式二：通过3000端口服务做反向代理（更安全）

无需暴露3300端口到公网，通过3000端口服务转发请求到内网3300服务：

• 给3000端口的Express服务安装依赖：npm install http-proxy-middleware
• 修改3000端口服务代码：

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');
const app = express();

// 托管静态文件，返回index.html
app.use(express.static('public'));

// 反向代理3300端口服务
app.use('/api', createProxyMiddleware({
  target: 'http://localhost:3300', // 内网3300服务地址
  changeOrigin: true,
  pathRewrite: { '^/api': '' } // 移除请求路径中的/api前缀
}));

app.listen(3000, () => {
  console.log('3000端口服务已启动');
});

• 前端httpGetAsync请求改为相对路径：

xhr.open("GET", "/api/data", true); // 请求将被3000服务转发到3300

3. 检查服务器防火墙设置 #

确保服务器本地防火墙允许3300端口的入站连接：

• Linux系统：执行 sudo iptables -A INPUT -p tcp --dport 3300 -j ACCEPT，或通过ufw工具添加规则
• Windows系统：打开「Windows Defender防火墙」→「高级设置」→「入站规则」，新建规则允许3300端口的TCP连接

验证步骤 #

1. 外网环境直接访问 公网IP:3300（若用映射方式），确认服务响应正常
2. 访问 公网IP:3000，测试页面中的httpGetAsync函数是否能正常获取数据

内容的提问来源于stack exchange，提问作者Juan David Arce