做开发这行七年了,见过太多新手朋友踩坑。最典型的就是,代码在电脑上跑得好好的,一用手机连同一个WiFi去访问,直接报错404或者连不上。很多兄弟第一反应是防火墙没关,或者IP填错了。其实,解决“同一个wifi下_我如何用手机访问我用我电脑做服务器的网站”这个问题,核心就两步:找对IP,放行端口。

先说找IP。别再用127.0.0.1或者localhost了,那是给电脑自己看的,手机根本看不懂。你得找到你电脑的局域网IP。方法很简单,按Win+R键,输入cmd,回车。在黑框框里输入ipconfig,然后回车。这时候你会看到一大段文字,别慌,找那个“无线局域网适配器 WLAN”或者“以太网适配器”下面的“IPv4 地址”。通常长这样:192.168.1.105。记住这个号码,这就是你电脑的“门牌号”。

接下来是放行端口。很多开发环境默认只监听localhost,也就是只允许本机访问。比如你用Node.js、Python或者PHP内置服务器,启动时最好显式指定监听所有地址。比如Node.js里用http.listen(3000, '0.0.0.0'),这样外网或者局域网其他设备才能连进来。如果你用的是Apache或Nginx,检查下配置文件里的Listen指令,确保没有绑定127.0.0.1。

然后就是最容易被忽视的Windows防火墙。很多时候IP对了,端口也开了,但还是连不上,十有八九是防火墙在拦着。打开控制面板,找到Windows Defender 防火墙,点击“高级设置”。在入站规则里,新建一个规则,选择“端口”,TCP,特定本地端口填你服务用的端口号,比如8080。操作选“允许连接”,配置文件全选,名称随便起个名字,比如“开发端口”。这样防火墙就给你开绿灯了。

这里分享个真实案例。有个做前端的朋友,用Vue CLI开发,本地跑起来是localhost:8080。他手机连WiFi,输入192.168.1.105:8080,死活打不开。折腾半天,最后发现是Vue CLI默认配置只监听localhost。他在vue.config.js里加了devServer: { host: '0.0.0.0' },再重启服务,手机立马能访问。这就是典型的配置问题,不是网络问题。

还有一种情况,手机和电脑不在同一个网段。比如你用的是手机热点,或者路由器设置了AP隔离。这时候即使IP和端口都对,也连不上。检查下路由器设置,或者确保两台设备连的是同一个SSID,且没有开启访客网络隔离。

另外,有些杀毒软件也有自己的防火墙,比如360、火绒。它们可能会拦截开发服务器的端口。这时候需要去杀毒软件里添加信任,或者暂时关闭实时防护测试一下。如果关了能访问,说明就是杀软在作怪。

总结一下,解决“同一个wifi下_我如何用手机访问我用我电脑做服务器的网站”这个痛点,就是:查IP、配监听、开防火墙、查杀软。这四步走完,基本就没问题了。

最后给个建议,测试完记得把防火墙规则删了,或者把服务停掉,别把电脑暴露在外面,安全第一。如果你按照步骤还是搞不定,或者遇到奇怪的报错,别自己死磕,直接找专业人士看看,有时候一个配置项没改对,能折腾你一天。毕竟,时间也是成本。