laravel homestead上的网页包开发服务器

我正在使用Laravel/Homestead开发Laravel Vue应用程序。Vue代码是使用laravel mix编译的，所有代码都使用新安装（这是一个新项目）

我希望能够在Laravel项目的“外部”测试我的Vue组件。所以我想我只是

1） 在package.json中添加如下脚本

“devser”：“跨环境节点”\u env=development webpack dev server”，

2） 添加一个入口点main.js文件，我可以在其中运行我的组件

import Vue from 'vue'
import Example from './components/Example.vue'

new Vue({
  el: '#app',
  render: h => h(Example)
})

3） 添加webpack.config.js文件以配置此独立应用程序的webpack。我只是从vuejs模板：webpack simple中获取了它，并更改了入口点路径

到目前为止，运行devser脚本编译代码时没有错误，显然，代码是在（webpack输出）处提供的

但是，打开localhost:8080会出现一个错误：无法访问此站点，localhost拒绝连接。所以我已经搜索了一段时间，找到了关于devserver proxy之类的东西，但我不明白我需要在webpack.config.js中添加什么

也许值得注意的是：我对从这些Vue组件调用Laravel后端不感兴趣，它只是用于以隔离的方式测试组件。我的下一步是将Vue storybook添加到聚会中以实现这一点

总而言之，我正在寻找一个代码库（Laravel+Vue on Homestead），在那里我可以单独测试组件。任何帮助都将不胜感激

编辑：如果我没有登录到vagrant机器，我可以导航到项目文件夹并运行

npm运行devser

---

它在localhost:8080为项目提供服务，这个URL确实有效。所以我现在有一个解决办法。

听起来你好像在家里的盒子里运行

webpack dev server

。如果是这样，您需要将端口8080从主机转发到Vagrant box：

将此添加到您的

宅地。yaml

：

端口：
-发送：8080
收件人：8080

然后，运行

vagrant reload--provision

以应用更改

现在您应该可以查看http://localhost:8080/

Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html