mobile - Nuxtjs : Expose localhost to external doesn't work

Question

我尝试将我的手机连接到我本地的 nuxtjs 项目。我认为它会像那里描述的那样容易。 https://nuxtjs.org/faq/host-port/但没有任何效果。我也安装了 cross-env 但没有解决我的问题。

如果我在我的电脑上启动 npm run dev

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

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



但是如果我尝试连接我的手机，它就无法加载。我的手机和电脑连接到同一个wifi。

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

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


这是问题吗？我试图在 NUXT_HOST 中设置此 ip，但随后我只收到此错误消息

listen EADDRNOTAVAIL ip-address

有任何想法吗？啊，如果这有所作为，我正在使用 Windows 10。

解决方案

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

Answer 1

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

如果您正在寻求一种方法来允许 Nuxt 开发服务器允许来自(外部)主机和 localhost 以外的 IP 地址的连接，这可以通过修改 nuxt.config.js 轻松完成。像这样:

    build: {
        extend(config, ctx) {} // blah blah
    },
    server: {
        host: "0.0.0.0"
    }

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