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

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

希望你能顺利地跑起来。

Happy codding

使用connectify和xampp或等效，并在移动URL栏上输入ip地址访问

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/

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

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

Mac OS X用户

我通过启用远程管理实现了这一点:

确保你的手机和笔记本电脑连接到同一个WiFi网络 在Mac上，进入系统首选项/共享 开启远程管理

你会看到一条类似这样的消息:

其他用户可以使用some.url.com地址管理您的计算机

在你的Android设备上，你现在应该能够访问some.url.com，它委托给Mac上的localhost。你也可以使用ifconfig来获得Mac的IP地址。

ngrok的可移植解决方案(任何带有Node.js的操作系统)

如果你不介意用临时域名公开你的项目，你可以使用ngrok。假设我有一个在localhost:9460上运行的应用程序，我可以简单地编写

npm install ngrok -g

ngrok http 9460

这将给我:

Session Status                online
Update                        update available (version 2.2.8, Ctrl-U to update)
Version                       2.2.3
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://f7c23d14.ngrok.io -> localhost:9460
Forwarding                    https://f7c23d14.ngrok.io -> localhost:9460

Connections                   ttl     opn     rt1     rt5     p50     p90
                              0       0       0.00    0.00    0.00    0.00

我现在可以通过https://f7c23d14.ngrok.io远程查看localhost。这是与客户分享设计工作或进展的好机会。

替代解决方案与nginx代理通过

如果你通过nginx proxy_pass运行类似这样的东西，它将需要更多的调整-这是一个hack方法，但它适用于我，我对改进它的建议是开放的:

启用远程管理(如上所述) 临时将服务器设置为监听81端口，而不是80端口 输入以下命令:

sudo nginx -s reload

访问http://youripaddress: 81

server {
  listen 80;
  listen 81;   # <-------- add this to expose the app on a unique port
  server_name  ~^(local|local\.m).example.com$;
  # ...
}

重新加载并访问http://youripaddress:81

使用netconfig xml并在manifest.xml中分配它是最好的解决方法。这将绕过android默认的https限制。