在手机上运行本地主机反应应用程序

Question

我需要通过在任何设备上输入 localhost 来将我的 React 应用程序连接到我的本地网络。我不确定这是否可能。现在我使用我的计算机 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

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

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

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