Laravel 未加载浏览器同步代理

Question

我在我的 Laravel 8 项目中使用 browser-sync (v 2.27.9) 和 browser-sync-webpack-plugin (v 2.3.0)。在使用 MacOS Monterey (v12.3) 在全新的 Mac Studio 上克隆我的项目之前，我的设置从未遇到过任何问题。到目前为止，浏览器同步一直代理 localhost:8000 并在 localhost:3000.

上正常加载

localhost:8000 加载正常，只是浏览器同步代理没有加载。浏览器同步 UI 在端口 3001 上也加载得很好。我尝试重新安装两个 npm 包，重新启动我的计算机，关闭所有端口，启动和重新启动 php 开发服务器，运行ning npm 运行一遍又一遍地观察，检查在多个浏览器中，并尝试使用 127.0.0.1 而不是“localhost”。

这是我的 webpack.mix.js 设置，它在过去一直有效：

    .browserSync({
        proxy: 'http://localhost:8000/',
        files: [
            'app/**/*',
            'public/**/*',
            'resources/views/**/*',
            'resources/js/**/*' ,
            'resources/js/**/*/*',
            'resources/lang/**/*',
            'routes/**/*',
        ],
    })

我在 localhost:3000 的浏览器中看到一个永久旋转的图标。在开发人员工具的网络选项卡中，它表示本地主机的状态为（待定）。

在浏览器同步帮助页面中，它显示“99% 的情况下，这是因为您的网页没有 body 标签”。我已经确认我的网站有 body 标签，所以这个问题一定属于 1% 的范畴。

Answer 1

想通了。我需要在代理 URL 中将“localhost”更改为 127.0.0.1。仍然不清楚为什么 localhost 过去有效但现在无效。

    .browserSync({
        proxy: 'http://127.0.0.1:8000/',

Laravel 未加载浏览器同步代理

Browser-sync proxy not loading with Laravel

webpack

laravel-8

laravel-mix

browser-sync