0

Browsersync 看起来很棒，我让它在我的测试机器上运行良好并跨浏览器同步。但是，我无法让外部设备（例如电话）使用它。

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

我正在为我的 Apache/PHP 使用 WAMP，并且不禁认为这是 Apache 中的一个设置，我错了。

浏览器同步设置：

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'
            }
        }
    },

阿帕奇设置：

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

我也试过在我的工作机器上没有成功（尽管它也有类似的设置）。

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

4

2 回答 2

0

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

于 2015-03-04T10:55:46.600 回答
0

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

前任：

gulp.task('serve', function(){
    browserSync.init({
        proxy   : "http://local.site.com",
        host    : '192.168.1.195'
    });
});
于 2017-10-12T07:36:23.530 回答