如何将 vue 项目提供给网络上的其他计算机

Question

我对 vue.js 很陌生。

我已经做了几个小项目，我想确定我现在了解我实际上是如何为其他用户提供一个 vue 项目的。

当然，我知道我可以在我的项目目录中输入“npm run serve”，它会将它提供给 localhost:80XX。这就是我几天前开始使用 vue 以来一直在做的事情。但是，当我这样做时，'local: localhost:8080' 下的网络行只显示'network: 不可用'，所以我显然没有在其他计算机可以连接和接收的任何东西上进行广播。

这基本上是如何工作的？我是否必须使用 npm run build 构建它，然后使用 firebase 或类似的东西将我的 dist 文件夹的内容广播给用户？在线搜索产生了一些相当混乱的结果，我最终得到的问题多于答案。

我基本上只是想向我的同事展示我用 vue 做了什么，有什么方法可以做到这一点而不走捷径？我想以一种我将来能够理解如何通过一个成熟的项目来做到这一点的方式来做到这一点。

谢谢！

编辑：如果有直接讨论这个的教程或链接，请随时向我推荐！我无法在我所处的级别上讨论这个问题。

Answer 1

根据the documentation，Vue 绑定的默认HOST 是0.0.0.0，这意味着您网络中的任何人都可以看到您的服务器。

你可以做的是找到你的网络IP地址，并与他人分享。

为此，您可以在 Windows 中执行以下操作：

1. 打开你的终端
2. 类型：

ipconfig 

1. 获取您网络的IPv4 地址
2. 通过以下形式与您的同事分享链接：http://<IP_ADDRESS>:8080

这样，他们可以连接到您正在运行的开发实例。