google-chrome - Chrome 无法打开本地主机 :3000 with Gulp/BrowserSync

Question

出于某种原因，无论我如何尝试，Google Chrome 似乎都无法显示 http://localhost:3000 (或任何其他指定的端口号)通过 Gulp 使用 BrowserSync 启动服务器时。

在 Firefox 中导航到相同的 URI，显示它可以正常工作并且 BrowserSync 已连接。

gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: './'
        },
        port: 8080
    });
});

我在上面指定端口 8080 作为替代方案，但即使使用默认的 3000 在 Chrome 中也不起作用。 Firefox 似乎都可以使用。

我去过:chrome://net-internals/#dns 并清除了主机缓存，重新启动等。没有任何效果。

在 Chrome 中，我只收到消息:ERR_CONNECTION_REFUSED

有什么想法吗？谢谢。

PS - 也适用于 Safari。

Answer 1

如果这对任何人有帮助，我就解决了这个问题。

通过 BrowserSync 提供的公共(public) IP 访问该网站是可行的，但我仍然需要 localhost:3000，因此我进一步调查了 Mac 上的主机文件。

默认情况下，这一行似乎是影响连接的行:

::1    localhost

您所要做的就是注释掉这一行，一切都应该没问题:

#::1    localhost

希望这对在 Mac 上使用 Gulp 和 BrowserSync 与 Chrome 遇到类似问题的人有所帮助。