VM-Homestead 环境下开发无法实现前端热加载?
需求描述
主要想满足修改 .js、.css、.vue 文件后浏览器自动刷新
解决方案尝试
1)laravel-mix 增加设置:
mix.browserSync('hot-test.dev');
然而重新运行 npm run watch-poll 后,并没能生效。
2)配置 homestead.yaml 中的 port,将虚拟机 8080 端口转发到本机,然后项目中运行命令 npm run hot,同样没有生效。
疑问
大概研究了一下热加载的原理,似乎是开启一个监听服务器,然后应用了浏览器的某些特性,当项目代码发生变化时,监听服务器发送请求给浏览器让它进行刷新。
也许用上面的两种解决,虚拟机中如果开启浏览器,那么都能接收到刷新请求。但这个请求如何从虚拟机中传递出去给本机的浏览器呢?
麻烦各位给予指点,谢谢!
推荐文章: