ReactJS：Webpack Dev Server代理连接被拒绝（ECONNREFUSED）问题解决咨询

从你给出的错误日志和webpack配置来看，这个ECONNREFUSED问题的核心很明确：你的前端代理请求无法连接到目标后端服务http://localhost:8765，下面是一步步的解决思路：

1. 先确认后端服务是否正常运行 #

这是最常见的原因：

• 你需要启动提供/api、/management等接口的后端服务，并且确保它监听的是8765端口。
• 如果是Spring Boot这类后端，可以检查启动日志里的端口输出，或者查看配置文件（比如application.properties里的server.port）是否设置为8765。

2. 核对代理目标地址的正确性 #

看你webpack.dev.js里的代理配置：

target: `http${options.tls ? 's' : ''}://localhost:8765`,

• 确认后端服务的协议（HTTP/HTTPS）和options.tls的设置匹配：如果后端用了HTTPS，options.tls需要设为true，否则保持false用HTTP。
• 如果后端部署在其他机器（比如测试服务器）或者端口有改动，要把target改成对应的实际地址，比如后端在192.168.7.10:8080，就把target改成http://192.168.7.10:8080。

3. 检查端口占用和防火墙 #

• 确认8765端口没有被其他程序占用：
  • Windows系统可以用命令：netstat -ano | findstr :8765
  • Mac/Linux系统可以用：lsof -i :8765
• 如果本地防火墙限制了8765端口的访问，需要调整防火墙规则，允许该端口的入站/出站连接。

4. 临时调试方案（仅用于前端页面验证） #

如果你只是想先调试前端页面，暂时不想依赖后端，可以：

• 注释掉webpack.dev.js里的proxy配置段，这样前端不会再尝试代理请求到后端。
• 给需要的接口添加本地mock数据，避免页面报错。

等后端服务正常启动并监听8765端口后，重启前端服务（npm start），代理请求就能正常连接了。

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