在 LTE 连接或无互联网连接时，BrowserSync 无法工作

Question

我的本地开发环境 (MBP) 有 apache 与动态虚拟主机一起运行，这允许我通过一致的 url 结构访问任何项目： http://[客户端名称].[项目名称].localhost

<Virtualhost *:80>
  VirtualDocumentRoot "/Users/mbp/repos/%1/websites/%2/public_html"
  ServerName sites.localhost
  ServerAlias *.*.localhost
  UseCanonicalName Off
  <Location /server-status>
    SetHandler server-status
    Order allow,deny
    Allow from all
  </Location>
</Virtualhost>

我的

package.json

文件包含

client

和

site

键/值，然后将其导入到我的 gulpfile 中，并通过

pkg.client

和

pkg.site

访问这些值。

const { default: pkg } = await import("./package.json", {
  assert: {
    type: "json",
  },
});

我的 gulpfile.js 初始化 browserSync

  browserSync.init({
    notify: false,
    proxy: pkg.client + '.' + pkg.site + '.localhost'
  });

当我运行 gulp 时，它会打开一个新的浏览器窗口到 http://localhost:3000

如果我使用 Wi-Fi 连接，则此功能可以完美运行。 如果我使用系留 LTE 连接（移动数据），它将无法加载。 如果我关闭 wifi 并且没有互联网连接，它将无法加载。

我尝试过浏览器同步选项

online

• https://browsersync.io/docs/options/#option-online

进一步澄清，这都是从同一台机器访问的。我不想从单独的设备连接到 browsersync 会话。

有人遇到过这个问题并解决了吗？

Answer 1

尝试确定网络状态时可能会遇到困难 - 请先尝试强制其离线，看看是否有帮助？ https://browsersync.io/docs/options#option-online