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,同样没有生效。


疑问

大概研究了一下热加载的原理,似乎是开启一个监听服务器,然后应用了浏览器的某些特性,当项目代码发生变化时,监听服务器发送请求给浏览器让它进行刷新。
也许用上面的两种解决,虚拟机中如果开启浏览器,那么都能接收到刷新请求。但这个请求如何从虚拟机中传递出去给本机的浏览器呢?
麻烦各位给予指点,谢谢!

ChoChik
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!