如何在同一端口上使用带有 apache vhost 的浏览器同步？

Question

我知道在 SO 和 GitHub 上有很多关于此的类似问题，但没有一个在我的情况下有效。

我需要一个项目来将 gulp + browsersync 与 apache vhost（使用 MAMP PRO 5.5 创建）一起使用。

Gulp 正在工作（它可以完成我需要的所有任务）。 Browsersync 已设置，但它在与 MAMP 使用的端口不同的端口上打开我的网站。 我已经使用默认端口和 Mamp 默认端口进行了测试。 Browsersync 仍然使用正确的 url 但不是正确的端口打开网站。

我知道我不能使用相同的端口，但如何设置 Browsersync ？

这是我的 gulp 相关部分：

gulp.task('browser-sync', ['sass', 'scripts'], function () {
    browserSync.init({
        open: 'external',
        host: 'my-domain.dev',
        proxy: 'my-domain.dev',
        https: {
            key: "/Users/path-to-custom-certificate/my-domain.dev.key",
            cert: "/Users/path-to-custom-certificate/my-domain.dev.crt"
        },
        //port: 443, // If I try same port as MAMP, Browsersync increments this port ex 444
        browser: "google chrome"

    });
});

Mybe 可以在 APACHE 中配置一些东西吗？

Answer 1

我犹豫要不要删除我的问题，但以防万一它会有所帮助：

最后，看来我的 Browsersync 代码是正确的。 当我运行 gulp 时，它会使用 Browsersync 默认端口打开错误的 url：

https://my-domain.dev:3000

但是当我打开在 apache 中设置的正确 url ( my-domain.dev ) 时，Browsersync 已连接并重新加载该页面。