即使您的移动设备和电脑通过usb连接，此解决方案也可用:

此时需要使用端口转发功能。 在谷歌chrome inspect窗口(chrome://inspect)可以看到连接的设备。

点击端口fowading按钮，并设置一个随机端口，例如3000到您的笔记本电脑使用的端口，例如8080。

现在从设备上使用localhost:3000来访问笔记本电脑中的localhost:8080(or_whatever_ip:portno)。 您可以在移动浏览器中查看。在移动浏览器中尝试localhost:3000。 确保勾选“端口转发设置”窗口中的“启用端口转发”复选框

以上的方法对我不起作用。Mac是这样的:

在终端:

ifconfig

然后把inet后面的数字放到手机浏览器里:

然而，有一个更好的解决方案。您可以使用IP地址“10.0.2.2”访问您的主机。Android团队就是这样设计的。所以你的web服务器可以完美地运行在本地主机和从你的Android应用程序，你可以通过“http://10.0.2.2:8080”访问它。

“Chrome for Android的端口转发让你更容易在手机上测试你的开发站点。它的工作原理是在移动设备上创建一个监听TCP端口，该端口映射到开发机器上的特定TCP端口。这些端口之间的流量通过USB传输，因此连接不依赖于你的网络配置。”

更多详情请访问:https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding

如果您正在使用真实的设备，但仍然面临这个问题，请遵循以下步骤，因为这些步骤可以帮助我解决问题:

确保移动设备和笔记本电脑都在同一个WiFi网络上。 验证您的目标URL是否有端口号，例如:https://localhost:44301 在Android Studio终端运行此命令，adb reverse tcp:44301 tcp:44301 将44301替换为端口号

希望你能顺利地跑起来。

Happy codding

Ngrok是最好的解决方案。 如果你正在开发PHP，那么我建议安装Laravel Valet，它有MacOS和Linux版本，然后你可以使用Valet共享命令。如果你正在开发任何前端技术，需要共享一个端口，比如3000，那么直接使用ngrok

Xampp和ngrok

你也可以在Windows中使用ngrok和Xampp。您可以使用以下流程。这很简单。

在ngrok上注册一个免费账户 从下载部分下载ngrok文件并打开它

注意Apache服务器运行的端口。我的情况是80

在ngrok命令行中输入ngrok http YOUR_PORT并复制转发地址

现在你可以在任何设备上使用这个转发链接(即你的物理android设备)，它将托管你的本地主机服务器。例如,

取代

http://localhost/my-files/

with

http://YOUR_FORWARDING_ADDRESS/my-files/