如何在同一局域网下,让手机连接pc开启的服务器的localhost

1. cmd命令提示符 ipconfig

了解到本机的IP地址

上图可以看出本机ip是192.168.253.1

手机连接的是pc端开的wifi,查看wifi信息,给手机分配的ip地址是,192.168.253.2

手机的ip是ping的通的

2.关闭windows专用网络防火墙


3.在手机地址栏输入"pc的ip:端口号/..."就能访问到pc的测试服务器页面了

例如:192.168.253.1:3000(node.js默认端口号,tomcat就是8080)

<think>嗯,用户之前已经问过关于在局域网内用手机访问服务器上的网站的问题,现在他们需要一段简单的网页代码来实现这一点。首先,我得确保用户已经完成了之前的步骤,比如确认内网IP、配置防火墙检查服务器设置。如果他们没做这些,代码可能无法运行,但用户现在可能更关注代码本身,所以需要先提供示例代码,然后再提醒注意事项。 接下来,我应该选择一个简单的网页代码,最好是HTML,因为不需要复杂的后端设置。可能需要包含基本的结构,比如标题、内容样式,让用户容易修改。同时,要确保网页监听正确的端口,通常是80,这样手机访问时不需要输入端口号。 然后,用户可能需要知道如何保存运行这个文件,比如用Python的http.server模块或者放在Apache/Nginx中。需要分步骤说明,这样用户可以根据自己的服务器环境选择合适的方法。 另外,用户可能遇到的常见问题,比如无法访问,需要再次强调检查防火墙、IP地址是否正确,以及服务器是否正确运行。可能还需要提醒端口冲突的问题,比如是否有其他程序占用了80端口。 最后,考虑到用户可能有进一步的需求,比如外网访问,可以简要提到端口映射或内网穿透工具,但当前问题主要是局域网访问,所以这部分作为进阶建议放在最后。</think>以下是一个支持局域网访问的简单网页代码示例(保存为`index.html`),配合Python快速搭建临时Web服务器: ```html <!DOCTYPE html> <html> <head> <title>局域网测试页</title> <meta charset="utf-8"> <style> body { max-width: 800px; margin: 20px auto; padding: 20px; font-family: Arial, sans-serif; } .ip-box { background: #f0f0f0; padding: 15px; border-radius: 5px; margin: 20px 0; } </style> </head> <body> <h1>🖥️ 局域网访问测试成功!</h1> <div class="ip-box"> 服务器IP:<span id="ip">[自动获取IP]</span> </div> <p>当前时间:<span id="time"></span></p> <script> // 自动显示本机IP window.onload = function() { document.getElementById('time').textContent = new Date().toLocaleString(); // 获取本地IP(仅限局域网) window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection; const pc = new RTCPeerConnection({iceServers:[]}); pc.createDataChannel(''); pc.createOffer().then(sdp => pc.setLocalDescription(sdp)); pc.onicecandidate = e => { if (!e.candidate) return; const ip = e.candidate.address.match(/(\d+\.){3}\d+/); document.getElementById('ip').textContent = ip[0]; }; }; </script> </body> </html> ``` 🔧 **部署步骤**: 1. 将代码保存为`index.html` 2. 在服务器终端运行(需Python环境): ```bash # Python 3 python3 -m http.server 80 ``` ```bash # Python 2 python -m SimpleHTTPServer 80 ``` 3. 手机访问: - 打开浏览器输入 `http://[服务器内网IP]`(如`http://192.168.1.100`) - 页面将自动显示服务器IP当前时间 📝 **关键配置说明**: ```nginx # 如果用专业Web服务器(如Nginx),需确保配置包含: server { listen 80; # 监听80端口 server_name _; # 响应所有域名请求 root /path/to/html; # 网页文件路径 index index.html; } ``` ⚠️ **注意事项**: - 如果使用80端口需要管理员权限(Linux/Mac前加`sudo`) - 关闭防火墙或放行端口:`sudo ufw allow 80/tcp` - 手机服务器必须连接同一WiFi/局域网 - 避免使用`localhost`或`127.0.0.1`,必须用真实内网IP 💡 扩展建议:可在此模板基础上添加: - 文件上传功能(需后端支持) - 局域网聊天室(WebSocket) - 设备状态监控(CPU/内存显示)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值