使用第二个设备连接到本地主机服务器

Question

您好，我想用另一台设备打开我的应用程序。我在我的计算机上启动本地服务器。这将在

localhost:5173

上运行应用程序。使用命令终端中的

ipconf

，我可以找到我的计算机的动态IP地址。使用我的笔记本电脑，我在浏览器中输入地址

192.168.0.x:5173

，但不起作用。

我在互联网上搜索了解决方案，并且总是找到我迄今为止所做的事情。我唯一能想到的就是在路由器上设置一个prot转发，但我不知道怎么做。

Answer 1

好的，这里是如何使用第二台计算机访问本地主机服务器的说明。

问题中所写内容是正确的。您还必须在路由器上设置端口转发。在设置中，必须指定端口 80 和目标 IP 地址。目标IP地址是运行服务器的计算机的地址。

为了使用第二台计算机访问React Vite应用程序，必须在

package.json

中添加以下条目：

host": "vite --host"

。 然后必须使用

npm run host

启动该应用程序。然后它应该可以工作。

如果还是不行，那么可能是防火墙的问题。您可以将其关闭以检查其是否有效。如果确实有效，则可以添加防火墙规则。我按照这个文档中的方式做了 https://www.devopinion.com/access-localhost-from-another-computer-on-the-same-network/

Answer 2

如果您使用 vite+react 那么您应该使用 更新 vite.config.js

文件

export default defineConfig({
  plugins: [react()],
  server: {
    host: '0.0.0.0',
  },
})

并运行 vite 服务器 npm run dev