同一局域网下手机访问笔记本localhost应用不显示MongoDB数据怎么办

该需求完全可以实现，数据无法展示的核心原因是后端服务监听配置、前端接口地址配置或网络限制导致，按以下步骤逐一排查即可：

1. 修改后端服务监听地址 #

• 大部分开发框架默认仅监听127.0.0.1（localhost），该配置下仅本机可调用后端接口，同局域网其他设备无法访问
• 将后端服务的监听地址改为0.0.0.0，重启服务后再测试
• 以Node.js Express框架为例：将启动代码app.listen(8080, 'localhost')修改为app.listen(8080, '0.0.0.0')

2. 修正前端接口请求baseURL #

• 很多前后端分离项目的前端代码会把接口请求地址写死为http://localhost:8080，安卓端打开页面后会请求安卓设备自身的localhost，自然无法拿到数据
• 将前端代码中的接口baseURL修改为http://<笔记本局域网IPv4地址>:8080，重新编译打包后再测试

3. （按需配置）调整MongoDB访问限制 #

• 仅当你的项目存在前端直连MongoDB的场景时才需要执行本步骤，后端直连数据库的场景可跳过
• 找到MongoDB配置文件：Windows系统为安装目录下bin/mongod.cfg，Linux/macOS为/etc/mongod.conf
• 找到bindIp配置项，将默认值127.0.0.1改为0.0.0.0，保存后重启MongoDB服务

4. 开放笔记本防火墙对应端口 #

• Windows系统：进入防火墙高级设置，添加入站规则，开放8080端口；如果是前端直连MongoDB的场景，额外开放27017端口
• Linux/macOS系统：执行ufw allow 8080开放端口，需要的话额外执行ufw allow 27017

5. 确认设备处于同一局域网 #

• 手机和笔记本必须连接同一WiFi，不可使用移动数据或不同网段的WiFi，提前确认两者可以互相ping通

提示：非必要不要对外暴露MongoDB的27017端口，避免安全风险。
所有配置修改完成后，安卓端重新刷新页面即可正常加载MongoDB存储的数据。

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