gulp - 本地开发时移动浏览器同步

Question

如何使用 gulp Browser-sync 在我的手机中查看我的本地开发网站？
我在手机浏览器中输入 localhost:3000 但它不会加载

Answer 1

当您在终端中运行 gulp 时，您应该看到:

    [BS] Access URLs:
 --------------------------------------
       Local: http://localhost:3000
    External: http://192.168.10.81:3000
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.10.81:3001

这意味着您的本地 URL 是端口 3000 的 localhost。
对于外部用户，它将是外部 IP [而不是 UI 之一]。要从手机访问，您需要在手机浏览器中输入外部 IP 及其端口。

您可以通过访问 UI IP 查看所有浏览器同步设置。

注意:要使外部链接在您的手机上正常工作，您的手机和计算机必须在同一个 Wi-Fi 网络中，这样才能正常工作。