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

Question

我对 vue.js 很陌生。

我已经制作了几个小项目，我想确保我了解此时我如何实际为其他用户提供 vue 项目。

当然，我知道我可以在项目目录中输入“npm runserve”，它会将其提供给 localhost:80XX。这就是我几天前开始使用 vue 以来一直在做的事情。但是，当我执行此操作时，“local: localhost:8080”下的网络线路只会读取“network: unavailable”，因此我显然不会在其他计算机可以连接和接收的任何内容上进行广播。

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

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

谢谢!

编辑:如果有直接讨论此问题的教程或链接，请随时推荐给我!我找不到以我现在的水平讨论这个问题的内容。

Answer 1

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

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

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

1. 打开终端
2. 类型:

ipconfig 

捕获 IPv4您的网络地址

通过以下形式与您的同事分享链接:http://<IP_ADDRESS>:8080

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