Mobile Nuxtjs：将本地主机公开给外部主机'；行不通

我尝试将我的手机连接到本地的nuxtjs项目。我想这会很容易，就像上面描述的那样。但什么都不管用。我也安装了cross env，但没有解决我的问题

如果我启动npm，请在我的电脑上运行dev

"dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt",

服务器启动，我可以使用url连接到项目

但是如果我尝试连接我的手机，它不会加载。我的手机和pc连接到同一个wifi

我试图找出url中设置了哪些ip nuxtjs，如果可能有问题的话。我使用了ipconfig，在第一个条目中我找到了ip，但还有很多其他条目，我不知道它们是什么

我还查看了我的wifi设置，但在那里我发现了一个不同的ip地址

这就是问题所在吗？我试图在NUXT_主机中设置此ip，但仅收到此错误消息

listen EADDRNOTAVAIL ip-address

有什么想法吗？啊，如果有什么不同的话，我正在使用Windows10

解决方案

---

在移动设备上，需要wifi的IP+在nuxt.config中设置的端口，而不是控制台中输出的IP

以便我在本地网络上共享我的nuxt dev网站（在手机和平板电脑等其他设备上调试），我执行了以下操作

1.

npm install --save-dev cross-env

2.

npm install --save-dev cross-env

我将package.json中的“dev”命令更改为

"dev": "cross-env NUXT_HOST=0.0.0.0 NUXT_PORT=3333 nuxt",

3.

npm install --save-dev cross-env

我运行了

npm-run-dev

，得到了以下结果

4.

npm install --save-dev cross-env

---

我访问了其他设备控制台中给我的地址。工作得很好。

我希望我能正确理解你的问题

如果您正在寻求一种允许Nuxt development server允许从（外部）主机和本地主机以外的ip地址进行连接的方法，可以通过如下方式修改

Nuxt.config.js

轻松完成：

构建：{
扩展（配置，ctx）{}//诸如此类
},
服务器：{
主持人：“0.0.0.0”
}

---

我用它通过本地网络通过Wi-Fi从手机连接到Nuxt。

有几种方法。这是我的建议

例如：

"scripts": {
  "dev": "HOST=0.0.0.0 PORT=3333 nuxt"
}

或直接命令：

numxt——主机名myhost——端口3333

---

等等。

我认为是防火墙造成了您的问题。但是首先，你是否尝试过在网络中ping你的电脑，例如用你的手机？@confusius我ping了ip，它发送了4个包，收到了4个包，时间是0毫秒。于是，我关闭了防火墙并尝试在手机上加载页面，但结果相同。无法访问页面…@Gregovoinov，你解决了吗？@claudios是的。您必须在手机上输入wifi的IP+在nuxt.config中定义的端口。