为什么我不能从其他设备通过 LAN 访问我自己的 Vue Webpack 服务器？答案

【问题标题】：Why can't I access my own Vue Webpack server via LAN from another device?为什么我不能从其他设备通过 LAN 访问我自己的 Vue Webpack 服务器？
【发布时间】：2019-11-09 18:08:36
【问题描述】：

我对这个领域有点陌生，这是我的第一个问题。我在问你，因为我在 2-3 天内无法解决这个问题，即使在阅读了很多关于这个问题的材料之后也是如此。我发现了什么：

我使用npmas vue init webpack像这样初始化我的 vue webpack 项目

完成后，我将host: 'localhost'更改为host: '0.0.0.0'，并添加disableHostCheck: true。

在config/index.js dev 范围内，我用 -> npm run dev 启动我的服务器

输出：

Compiled successfully in 3070ms                   
Your application is running here: http://0.0.0.0:8080

如果我用 :8080 在浏览器中输入我的 IPv4 地址，比如xxx.xxx.xxx.xxx:8080，我的项目就在那里。没关系，但我无法从其他设备（如笔记本电脑或手机）查看我的项目。

我不太明白，因为我读到如果我们在主机上输入“0.0.0.0”，这意味着每个人都可以访问局域网上的项目。

谁能告诉我为什么会这样？

【问题讨论】：

运行你的服务器然后发出netstat -nlp --tcp并发布输出
确保您的计算机正在广播 localhost + 端口。 OS X 默认会这样做，但 Windows 不会
@4xy sady 我正在使用 Windows，但我没有用于 netstat 的 -nlp 命令。但是我使用 windows 参数运行 netstat，但我没有看到我的服务器使用端口 8080。奇怪
@Buffalo 局域网中的每个设备都有不同的 IP，我转发了 8080 端口，如果我理解正确的话
@TrebitschTheReal 对于 windows 试试netstat -a -s -p tcp

标签： node.js vue.js vue-cli

【解决方案1】：

我通过将 Base_url 从 http://localhost:3000 更改为 http://192.168.10.3:3000 解决了这个问题。我的 Express App 和 Vuejs 应用程序都在 IP 地址为 192.168.10.3 的机器上运行。现在在同一网络上的另一台机器上，Vuejs 应用程序正在运行，这应该向运行 Expressjs 的机器（IP 192.168.10.3）发送请求。在命令提示符下使用ipconfig命令，可以确定机器IP。

【讨论】：

【解决方案2】：

好的，伙计们，我解决了这个问题。我会写下解决方案，因为当你无法解决某件事时，它既有趣又烦人，因为你甚至没有想到的一件小事。

解决方案：只需在该死的 Windows 防火墙中启用您的端口：D

现在我可以在局域网和公共地方托管所有内容。

【讨论】：

您需要转发什么应用程序？
sudo ufw allow 8080 如果要打开端口，请在 ubuntu 上使用此命令

【解决方案3】：

我想http://0.0.0.0:8080 仅在本地可用，来自您的项目正在运行的机器。要从另一台机器上查看项目（并且它应该在同一个网络中很重要），您应该获取您的真实 IP 地址（您可以谷歌如何做到这一点，这取决于操作系统，在 windows 上使用 cmd 中的“ipconfig”命令）和那么您应该会在本地网络中的 URL 上看到您的项目，该 URL 可能类似于 http://192.168.1.237:8080

【讨论】：

泰。是的，我使用我的 IPv4 地址访问我的项目。它的 192.168.238.104，如果我在浏览器中输入它，我会看到我的项目。但是，例如当我在笔记本电脑上键入此内容时，我得到一个空白页和“连接超时”。同一个网络，也没有IP地址冲突。我只是不明白这个