代理URL不能与BrowserSync Gulp任务一起使用

Question

有人能告诉我为什么我的代理URL不能与BrowserSync和Gulp一起使用吗？相反,它只是继续使用http:// localhost:3000作为开发URL.

gulp.task('watch', ['bs'], function() {
  gulp.watch('scss/*.scss', ['scss', browserSync.reload]);
});

gulp.task('bs', function() {
    browserSync.init(['css/style1.css', 'css/style2.css'], {
      proxy: 'dev.site.com'
    });
});

gulp.task('default', ['scss', 'watch']);

Answer 1

我遇到了同样的问题，并执行以下操作来阻止浏览器同步使用默认地址/端口：

gulp.task('bs', function () {
    browserSync.init(null, {
        proxy: 'localhost:8080', // 'dev.site.com' in your example
        port: 5000
    });
});

这对我有用，并将浏览器-scyn 地址更改为 localhost:5000

Answer 2

我认为它按预期工作。

代理现有的虚拟主机。BrowserSync 将使用代理 URL包装您的虚拟主机以查看您的站点。

http://www.browsersync.io/docs/options/#option-proxy