VVV 和 Gulp BrowserSync 输出无用的 public IP

Question

我是运行 VVV，（刚刚安装）使用 gulp 与 Gulp-BrowserSync（和其他 npm 包）一起进行主题开发。

在 VVV 中，我创建了一个名为 organic 的新 WP 安装，organic.du.dev 为 URL。它工作正常。

在我的 gulpfile.js 中，我得到了以下 BrowserSync 任务：

gulp.task( 'browser-sync', function() {
  browserSync.init( {

    // For more options
    // @link http://www.browsersync.io/docs/options/

    // Project URL.
    proxy: projectURL,

    // `true` Automatically open the browser with BrowserSync live server.
    // `false` Stop the browser from automatically opening.
    open: true,

    // Inject CSS changes.
    // Commnet it to reload browser for every CSS change.
    injectChanges: true,

    // Use a specific port (instead of the one auto-detected by Browsersync).
    // port: 7000,

  } );
});

当我在工作文件夹中启动 GULP（通过 vagrant ssh 登录）时，一切都在运行，我收到以下消息：

BS] Proxying: http://organic.du.dev
[BS] Access URLs:
 ----------------------------------
       Local: http://localhost:3000
    External: http://10.0.2.15:3000
 ----------------------------------
          UI: http://localhost:3001
 UI External: http://10.0.2.15:3001

问题是 http://localhost:3000 is not accesible from Chrome or Safari and that http://10.0.2.15:3001 是一个 public（据我所知是无用的）IP。运行 ifconfig in vagrant@vvv 我收到以下提示：

vagrant@vvv:~$ ifconfig
eth0      Link encap:Ethernet  HWaddr 08:00:27:67:05:88
          inet addr:10.0.2.15  Bcast:10.0.2.255  Mask:255.255.255.0

还有工作的本地主机 IP，即：

eth1      Link encap:Ethernet  HWaddr 08:00:27:4e:59:e0
          inet addr:192.168.50.4  Bcast:192.168.50.255  Mask:255.255.255.0

我花了一段时间才意识到并找到发生了什么，但问题是我仍然不明白。我认为这是一个错误，应该得到解决。

Answer 1

这里的问题是通过 SSH 登录到 Vagrant。如果 gulp 直接从计算机执行，它会按预期工作。

VVV 和 Gulp BrowserSync 输出无用的 public IP

VVV and Gulp BrowserSync outputs a useless public IP

node.js

wordpress

gulp

gulp-browser-sync

vvv-wordpress