我正在运行 VVV,(刚刚安装)使用 gulp 和 Gulp-BrowserSync(和其他 npm 包)进行主题开发。
在 VVV 中,我创建了一个名为 Organic 的新 WP 安装,其 URL 为organic.du.dev。它工作正常。
在我的 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
问题是Chrome 或 Safari 无法访问http://localhost:3000并且http://10.0.2.15:3001是公共 IP(据我所知没有用)。在 vagrant@vvv 中运行 ifconfig 我收到以下提示:
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
我花了一段时间才意识到并找到发生了什么,但问题是我仍然不明白。我认为这是一个错误,应该解决。