Browsersync失效求助:Laravel+Vue开发环境故障排查
Browsersync突然失效,Laravel Mix与CLI模式均无法正常代理本地Laravel服务
我最近在做Laravel结合Vue的开发项目,为了提升开发体验专门装了Browsersync,一开始用着完全正常,不管是通过Laravel Mix配置启动还是直接用CLI命令,都能正常同步刷新。但现在突然就失效了,排查好久都没找到原因,来求助各位大佬!
我的环境与初始正常配置
- 本地通过
npm i browser-sync --save-dev安装Browsersync - 项目路径:
C:\WEB\project_folder\ - 用
php -S localhost:8000 -t public启动Laravel应用,直接访问localhost:8000完全正常 - Laravel Mix配置(webpack.mix.js):
mix.browserSync({ proxy: 'localhost:8000', browser: "C:\\Program Files (x86)\\Google\\Chrome Beta\\Application\\chrome.exe", notify: false }); - 执行
npm run watch可以正常构建并启动Browsersync
问题出现的情况
奇怪的是,Browsersync的UI界面(localhost:3001)功能完全正常,甚至局域网内其他设备也能访问这个UI,但就是无法代理我的Laravel服务——页面加载不出来,同步刷新也完全失效。
这个问题是我在创建另一个用Parcel而非webpack/laravel-mix打包的项目时出现的,当时我用Browsersync CLI执行了这条命令:
.\node_modules\.bin\browser-sync start --proxy localhost:8000 --no-notify --cwd 'C:\WEB\project_folder' -f 'public'
期间我没有更新Node、npm或者操作系统,唯一的变化就是安装了游戏Valorant(它附带的反作弊服务我已经禁用了)。
已经尝试的解决办法
我已经试过以下方案,但都没有效果:
- 更换了多款浏览器(Chrome正式版、Firefox、Edge)和不同设备(手机、另一台电脑)测试
- 调整启动顺序:先开Laravel服务再启动Browsersync,反过来也试过
- 把整个项目移回之前所在的其他磁盘分区
现在实在陷入困境了,有没有大佬遇到过类似的问题?或者能给我一些排查的思路?
内容的提问来源于stack exchange,提问作者Vlad Macovei
相关产品推荐
相关产品推荐

