在手机上运行 localhost react app

Question

我需要通过在任何设备上输入 localhost 将我的 React 应用程序连接到我的 local.network。 我不确定这是否可能。 现在我使用我的计算机 IP 地址，我将该地址输入到我的手机浏览器中，端口为 300，它可以正常工作。 唯一的问题是我正在使用 auth0 并且我需要一个回调 url 列表才能工作。 基本上 url 中除 localhost 以外的任何内容都将被阻止。 所以我需要在我的手机上输入 localhost:3000 并且我的 React 应用程序需要出现。

Answer 1

您可以使用像 lvh.me 这样的服务来解析您作为子域提供的 IP。 这将相当稳定，但您需要将域指定为 Auth0。

例如，如果您的 IP 地址是 10.0.0.5 并且您的应用程序在端口 3000 上运行，那么您将通过您的手机从本地网络访问http://10.0.0.5.lvh.me:3000/ 。 此请求将解析为10.0.0.5:3000 。

Answer 2

恐怕这是不可能的。 本地主机是指您计算机中的127.0.0.1 IP，这就像全球所有设备都遵循的惯例。

您的路由器为连接到它的每个设备分配一个 IP，如167.12.124.12 ，如果任何其他设备连接到同一路由器，它们可以使用路由器为设备创建的 IP 相互通信。

除非您的设备出于某种原因离线，否则路由器分配的 IP 不会更改。 尝试在 Auth0 的 URL 列表中添加 IP 作为允许的 URL。

Answer 3

确保你的手机和电脑连接的是同一个wifi。 然后，尝试弄清楚如何找到您的 IPv4 地址。 下面的屏幕截图显示了在 mac 上可以找到它的位置，我想你也可以通过在终端上键入 ipconfig 来找到它。 此 IPv4 地址是您的本地主机。 我通常在端口 3000 上运行我的 React 应用程序，因此当您在手机浏览器上将 go 转到您的 IPv4地址：3000时，您可以在移动设备上看到您的 React 应用程序。 希望能帮助到你。 祝你好运。