node.js - 在 Vagrant 中访问 Webpack-Server 上的 Vue 应用程序

Question

我使用 Vagrant、ubuntu xenial64 设置了虚拟机，安装了 npm/nodejs 和 vue-cli。

我使用 vue init webpack myproject 搭建了一个 webpack 应用程序。当我现在运行 npm run dev 时，webpack 服务器启动，但由于它位于虚拟机内部，我无法访问我的 PC 上的网页。

我发现，你可以使用 --host 0.0.0.0 运行 webpack 服务器，但由于 Vue-Cli 生成整个过程，我无法弄清楚在哪里可以添加这个参数。

或者还有其他解决方案吗？

Answer 1

好的，我自己修好了:)。只需将其添加到您的 Vagrantfile 中即可:

config.vm.network:转发端口，访客:8080，主机:80

所以与 Webpack 无关，只是基本的 vagrant 设置。这会将 8080 端口转发到主机的 80 端口。因此，您需要在浏览器中输入 localhost:80 才能访问您的应用程序。