AWS Windows Server 2016实例Webpack应用本地可运行但无法外部访问

结合你描述的“本地能访问但公网无法访问”的情况，我帮你梳理几个最可能的排查方向和解决步骤：

1. 修正Webpack Dev Server的绑定地址 #

这是最常见的问题——Webpack Dev Server默认只监听localhost，导致外部请求无法接入。你需要在webpack.config.js中补充devServer配置，让服务绑定到允许所有网络接口访问的0.0.0.0：

const path = require('path'); 
const CopyWebpackPlugin = require('copy-webpack-plugin'); 

module.exports = { 
  entry: './app/javascripts/app.js', 
  output: { 
    path: path.resolve(__dirname, 'dist'), // 替换为你的实际输出目录
    filename: 'bundle.js'
  },
  // 新增devServer核心配置
  devServer: {
    host: '0.0.0.0', // 关键：允许所有外部IP访问
    port: 8080,
    allowedHosts: 'all' // Webpack 5+版本需要这个配置来放行公网IP请求
  },
  plugins: [
    new CopyWebpackPlugin({/* 保留你的原有插件配置 */})
  ]
};

修改后重启npm run dev，再尝试用公网IP访问。

2. 检查Windows本地防火墙规则 #

EC2安全组开了8080端口，但Windows Server自带的防火墙可能默认拦截了该端口的入站请求，需要手动添加放行规则：

• 打开「Windows Defender防火墙」→「高级设置」
• 选择「入站规则」→「新建规则」
• 规则类型选「端口」，下一步
• 选择「TCP」，输入特定本地端口8080，下一步
• 选择「允许连接」，下一步
• 勾选所有适用网络（域、专用、公网），下一步
• 给规则命名（比如「Webpack Dev Server 8080」），完成

3. 确认EC2实例的网络配置 #

• 核对公网IP：在EC2控制台实例详情里找到「公网IPv4地址」，确保你访问的是这个地址（如果实例没有公网IP，需要分配并绑定弹性IP）
• 复查安全组：确认入站规则中，来源为0.0.0.0/0（或你需要的特定IP范围）、协议TCP、端口8080的规则处于「允许」状态

4. 测试端口连通性 #

在本地终端用命令测试端口是否能正常连通：

# Windows本地终端执行
Test-NetConnection <你的EC2公网IP> -Port 8080

如果返回TcpTestSucceeded: True，说明网络通路正常，问题大概率还是Webpack配置；如果失败，再回头检查安全组和Windows防火墙。

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