You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.08 22:57:52