Question

Browsersync似乎很棒，我在测试机器上运行良好并在浏览器之间同步。但是，我无法使用外部设备（例如手机）来使用它。

我可以使用我的IP地址（192.168.0.4）从我的手机连接到我的本地主机，但是我无法连接到browsersync（192.168.0.4:3000）建议的端口，因此我没有＆＃39 ;获取实时重新加载功能。它返回超时错误。

我在我的Apache / PHP中使用WAMP并且无法帮助，但认为它是Apache中的设置我错了。

BrowserSync设置：

browserSync: {
        dev: {
            bsFiles: {
                src : [
                    'js/main.min.js',
                    'css/style.css',
                    'images/**',
                    '*.php'
                ]
            },
            options: {
                watchTask: true,
                proxy: 'localhost:80',
                host: '192.168.0.4',
                //logLevel: 'debug'
            }
        }
    },

Apache设置：

Options Indexes FollowSymLinks

AllowOverride All

 Order Deny,Allow
 Allow from 127.0.0.1
 Allow from localhost
 Allow from 192.168.0.4 # Local machine
 Allow from 192.168.0.3 # Samsung Galaxy S4

我也尝试过我的工作机器但没有成功（虽然它也有类似的设置）。

关于我可以尝试的任何想法？

Answer 1

以防任何人遇到类似的问题 - 事实证明这是因为我的工作网络被设置为“公共”网络而不是“工作”或“私人”网络。在家里，连接到VPN导致了这个问题。所以你可以检查几件事 - 防火墙，网络设置和VPN。

Answer 2

希望这有助于其他人或未来的我。 BrowserSync将从它找到的第一个网络适配器中获取IP。就我而言，这是一个来自旧Vagrant盒子的适配器。使用ifconfig / ipconfig检查适配器设置。您可以使用＆＃39;主机＆＃39;指定正确的IP。 BrowserSync任务中的指令。

例如：

gulp.task('serve', function(){
    browserSync.init({
        proxy   : "http://local.site.com",
        host    : '192.168.1.195'
    });
});

browserync与wamp外部访问

2 个答案: