Nuxtjs：将本地主机暴露给外部不起作用

Question

我尝试将手机连接到本地nuxtjs项目。我认为这很容易做到。 https://nuxtjs.org/faq/host-port/，但没有任何效果。我还安装了cross-env，但是没有解决我的问题。

如果我启动npm，请在我的PC上运行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_HOST中设置此IP，但随后我仅收到此错误消息

listen EADDRNOTAVAIL ip-address

有什么想法吗？嗯，如果使用的话，我正在使用Windows 10。

解决方案

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

Answer 1

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

如果您要寻找一种方法来允许Nuxt开发服务器允许来自（外部）主机和ip地址（而不是本地主机）的连接，则可以通过修改nuxt.config.js来轻松实现：

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

我使用它通过我的手机通过局域网通过Wi-Fi连接到Nuxt。

Answer 2

要让我在局域网上共享我的Nuxt开发网站（以便在手机和平​​板电脑等其他设备上进行调试），

1。

npm install --save-dev cross-env

2。

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

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

3。

我跑了npm run dev，得到了以下内容

4。

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

Answer 3

有两种方法可以做到这一点。这是official doc。

例如：

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

或直接命令： nuxt --hostname myhost --port 3333

等