Angular 8/Ionic 4无法连接本地Socket.io服务器问题求助

这个问题我之前也踩过坑，核心原因特别关键：设备和浏览器对localhost的解析完全不一样——浏览器里的localhost指向的是运行代码的电脑，但Android设备上的localhost指的是设备自身，而你的Socket.io服务器是跑在电脑上的，自然会出现连接被拒绝的情况。下面是具体的解决步骤：

1. 把localhost替换为电脑的局域网IP地址 #

先找到你电脑在局域网内的IP：Windows系统可以用ipconfig命令查看，Mac/Linux用ifconfig或ip addr命令，一般是192.168.x.x这类格式。

更新前端连接配置 #

• index.html里的Socket.io脚本地址要换成电脑的局域网IP：

  <script src="http://192.168.x.x:8080/socket.io/socket.io.js"></script>
  

• app.module.ts里的ngx-socket-io配置要同步更新，注意要加上完整的协议头（http/https），并且secure选项要和服务器的协议匹配——本地开发一般用http，所以设为false：

  import { SocketIoModule, SocketIoConfig } from 'ngx-socket-io';
  // 替换成你的电脑局域网IP
  const config: SocketIoConfig = { url: 'http://192.168.x.x:8080', options: { secure: false } };
  @NgModule({
    imports: [ SocketIoModule.forRoot(config), ]
  })
  

2. 确保设备和服务器在同一局域网 #

你的Android设备必须和运行Socket.io服务器的电脑连接同一个WiFi网络，这样设备才能通过局域网IP访问到电脑上的服务器。

3. 检查电脑防火墙设置 #

确认电脑的防火墙没有阻止8080端口的入站连接，否则设备的连接请求会被直接拦截。

4. 验证服务器的可访问性 #

你可以用同一局域网内的其他设备（比如另一台电脑的浏览器）访问http://192.168.x.x:8080，如果能正常打开页面（或者看到Socket.io的响应），说明服务器的局域网访问是正常的。

完成这些修改后，重新运行ionic cordova run android --device --livereload，应该就能正常连接Socket.io服务器了。

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