这种跨设备+虚拟机的API连接坑我踩过好几个，咱们一步步来排查解决：

1. 先搞定Homestead的网络网段问题（核心！） #

你现在Mac的IP是192.168.120.30，但Homestead用的是192.168.10.1——这俩属于不同网段，手机在你的WiFi网段（192.168.120.x）里，根本访问不到192.168.10.x的设备，这大概率是404的根源。

解决步骤：

• 打开Homestead目录下的Homestead.yaml文件，把原来的私有网络配置（比如ip: 192.168.10.1）改成桥接模式：

  network: bridge
  

• 保存后，重新加载虚拟机并应用配置：

  vagrant reload --provision
  

• SSH进Homestead（vagrant ssh），用ip addr show eth0查看它的新IP——这时候它会获取你WiFi网段的IP（比如192.168.120.xx），或者去路由器后台的设备列表里找Homestead的设备IP。

2. 验证Homestead后端服务正常 #

确保Laravel在Homestead里真的在跑：

• SSH进Homestead后，执行curl http://localhost/api/你的测试接口，看能不能返回正常的JSON响应，排除后端服务挂掉的可能。
• 如果Laravel用了自定义端口，记得加上端口号测试。

3. 修正Ionic的API请求地址 #

把Ionic代码里的API base URL改成Homestead的新IP（桥接后的192.168.120.x），绝对不能用localhost或者127.0.0.1——手机访问localhost指的是它自己，不是你的Mac或Homestead。

举个例子，原来的请求如果是：

const apiUrl = 'http://192.168.10.1/api'; // 错的

改成：

const apiUrl = 'http://192.168.120.xx/api'; // 对的，xx是Homestead桥接后的IP

4. 排查设备间的连通性与防火墙 #

• 用手机浏览器直接访问Homestead的API地址（比如http://192.168.120.xx/api/test），如果能返回响应，说明网络没问题，问题出在Ionic代码里；如果还是404，继续往下查。
• 关闭Mac的防火墙试试：系统偏好设置 → 安全性与隐私 → 防火墙，临时关闭看是否能访问。
• 检查Homestead里的防火墙：执行sudo ufw status，确保80/443端口（或者你Laravel用的端口）是开放的，要是没开放就执行sudo ufw allow 80。

5. 最后检查CORS配置（虽然是404，但也可能关联） #

如果上面都搞定了还是有问题，确认Laravel的CORS配置是否允许手机访问：

• 如果你用了barryvdh/laravel-cors包，在config/cors.php里把allowed_origins设为['*']（开发环境可以这么弄，生产环境再限制），确保允许所有来源的请求。

要是做完这些还是不行，把完整的错误信息（比如请求的具体URL、控制台的报错详情）贴出来，我再帮你精准定位！

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