https://my-blog-1tn.pages.dev/posts/ Recent content in Posts on Wang的技术博客 Hugo en Wed, 19 Aug 2026 10:00:00 +0800 https://my-blog-1tn.pages.dev/posts/first-post/ Wed, 19 Aug 2026 10:00:00 +0800 https://my-blog-1tn.pages.dev/posts/first-post/ <h1 id="你好世界">你好，世界！</h1> <p>这是我用 Hugo + Cloudflare Pages 搭建的个人博客。</p> https://my-blog-1tn.pages.dev/posts/%E5%90%8C%E4%B8%80%E5%B1%80%E5%9F%9F%E7%BD%91%E4%B8%8B%E5%A6%82%E4%BD%95%E7%94%A8%E6%89%8B%E6%9C%BA%E6%B5%8F%E8%A7%88%E5%99%A8%E8%AE%BF%E9%97%AE%E7%94%B5%E8%84%91-docker-%E5%AE%B9%E5%99%A8%E4%B8%AD%E7%9A%84-web-%E6%9C%8D%E5%8A%A1/ Mon, 01 Jan 0001 00:00:00 +0000 https://my-blog-1tn.pages.dev/posts/%E5%90%8C%E4%B8%80%E5%B1%80%E5%9F%9F%E7%BD%91%E4%B8%8B%E5%A6%82%E4%BD%95%E7%94%A8%E6%89%8B%E6%9C%BA%E6%B5%8F%E8%A7%88%E5%99%A8%E8%AE%BF%E9%97%AE%E7%94%B5%E8%84%91-docker-%E5%AE%B9%E5%99%A8%E4%B8%AD%E7%9A%84-web-%E6%9C%8D%E5%8A%A1/ <h1 id="同一局域网下如何用手机浏览器访问电脑-docker-容器中的-web-服务">同一局域网下，如何用手机浏览器访问电脑 Docker 容器中的 Web 服务？</h1> <p>在本地开发、测试或折腾私有服务时，我们经常会在电脑的 Docker 中运行各种 Web 应用（例如 Web 管理面板、API 接口、基于 noVNC 的可视化桌面等）。</p> <p>很多时候，我们希望直接用身边的<strong>手机浏览器</strong>来调试或查看这些页面。本文将详细讲解访问逻辑、操作步骤以及如何避开防火墙和代理（VPN）的常见坑。</p> <hr> <h2 id="目录">目录</h2> <ul> <li><a href="#%E4%B8%80%E6%A0%B8%E5%BF%83%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86%E4%B8%8E%E7%AB%AF%E5%8F%A3%E6%98%A0%E5%B0%84">一、核心工作原理与端口映射</a></li> <li><a href="#%E4%BA%8C%E7%AC%AC%E4%B8%80%E6%AD%A5%E8%8E%B7%E5%8F%96%E7%94%B5%E8%84%91%E7%9A%84%E5%B1%80%E5%9F%9F%E7%BD%91-ip">二、第一步：获取电脑的局域网 IP</a></li> <li><a href="#%E4%B8%89%E7%AC%AC%E4%BA%8C%E6%AD%A5%E6%94%BE%E8%A1%8C%E7%94%B5%E8%84%91%E9%98%B2%E7%81%AB%E5%A2%99%E7%AB%AF%E5%8F%A3">三、第二步：放行电脑防火墙端口</a></li> <li><a href="#%E5%9B%9B%E7%AC%AC%E4%B8%89%E6%AD%A5%E6%89%8B%E6%9C%BA%E6%B5%8F%E8%A7%88%E5%99%A8%E8%AE%BF%E9%97%AE%E4%B8%8E%E9%AA%8C%E8%AF%81">四、第三步：手机浏览器访问与验证</a></li> <li><a href="#%E4%BA%94%E9%81%BF%E5%9D%91%E6%8C%87%E5%8D%97%E5%BC%80%E5%90%AF%E4%BB%A3%E7%90%86%E6%A2%AF%E5%AD%90vpn%E5%AF%BC%E8%87%B4%E6%89%93%E4%B8%8D%E5%BC%80%E6%80%8E%E4%B9%88%E5%8A%9E">五、避坑指南：开启代理（梯子/VPN）导致打不开怎么办？</a></li> <li><a href="#%E5%85%AD%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E6%8E%92%E6%9F%A5faq">六、常见问题排查（FAQ）</a></li> <li><a href="#%E4%B8%83%E6%80%BB%E7%BB%93">七、总结</a></li> </ul> <hr> <h2 id="一核心工作原理与端口映射">一、核心工作原理与端口映射</h2> <p>手机访问电脑 Docker 的核心在于 <strong>端口映射（Port Mapping）</strong>：</p> <ol> <li><strong>容器与宿主机：</strong> 容器有独立的内部网络。启动容器时，通过 <code>-p</code> 宿主机端口:容器端口 把服务暴露给电脑。</li> <li><strong>监听范围：</strong> Docker 默认会将端口绑定在 <code>0.0.0.0</code>，这意味着<strong>局域网内的其他设备也可以通过电脑的局域网 IP 访问该端口</strong>。</li> </ol> <h3 id="端口作用示例">端口作用示例：</h3> <p>如果容器映射了以下 3 个端口：</p> <ul> <li><code>5900:5900</code>：原生 VNC 远程桌面端口</li> <li><code>6080:6080</code>：基于网页的 noVNC 远程桌面端口</li> <li><code>6657:6657</code>：项目的主网页服务 / API 端口</li> </ul> <p>则访问规则为：</p> <ul> <li><strong>电脑本机访问：</strong> <code>http://localhost:6657/</code></li> <li><strong>手机局域网访问：</strong> <code>http://&lt;电脑局域网IP&gt;:6657/</code>（例如 <code>http://192.168.1.100:6657/</code>）</li> <li><strong>手机看图形桌面：</strong> <code>http://&lt;电脑局域网IP&gt;:6080/</code></li> </ul> <hr> <h2 id="二第一步获取电脑的局域网-ip">二、第一步：获取电脑的局域网 IP</h2> <h3 id="windows-系统">Windows 系统</h3> <ol> <li>按键盘快捷键 <code>Win + R</code>，输入 <code>cmd</code> 并回车。</li> <li>在命令行中输入：<code>ipconfig</code></li> <li>找到你当前联网的网卡（如“无线局域网适配器 WLAN”或“以太网”），记录下 <strong>IPv4 地址</strong>（通常形如 <code>192.168.1.X</code> 或 <code>192.168.31.X</code>）。</li> </ol> <h3 id="macos--linux-系统">macOS / Linux 系统</h3> <p>打开终端执行：</p>