代理URL不适用于BrowserSync Gulp任务

有人能告诉我为什么我的代理URL不能与BrowserSync和Gulp一起使用吗？相反，它只是继续用作开发人员的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']);

---

我想它的效果和预期的一样

代理现有vhost。BrowserSync将使用代理URL将vhost包装起来，以查看您的站点

---

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

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

---

这对我来说很有效，并将浏览器scyn地址更改为localhost:5000。当我在类似场景中遇到问题时，为了解决这个问题，我必须包括端口选项（maximilian在他的回答中提到），并且还需要该选项

gulp.task('bs', function() {
    browserSync.init({
        proxy: 'dev.site.com',
        port: 4040,
        files: ['*.html', '**/*.css', '**.*.js']
    });
});

---

您需要使用代理URL末尾的端口。默认值为3000，但您可以在配置中指定一个。如果不在url末尾添加端口，BrowserSync将不会重新加载页面。这就是我的工作

function server() {
  browserSync.init({
    proxy: 'dev.site.com', //alias
    port: 8080, //<-- changed default port (default:3000);
    open: false //<-- set false to prevent opening browser
  });
}

函数服务器（）{
browserSync.init({
代理：“dev.site.com”，//别名
端口：8080，//与文档相比，您的语法看起来有点不对劲->您的意思是它一直在打开localhost:3000 url吗？正确。它完全忽略了我试图使用的dev url。（这与我的本地WordPress站点相匹配）我在vhost中配置了一些自定义url，并且在一些更新之后（imho）一些内部配置已更改。因此，现在我将
端口设置为vhost（端口80）上的配置。现在工作正常。希望帮助我不理解此答案。我遇到了与科菲相同的问题。请您详细说明一下。我需要打开它，而不是：（你能详细说明一下吗？为什么有人会包装现有的vhost，而不是以任何一种方式访问
localhost:3000
？当他们需要访问的东西不在
localhost:3000
？嘿，我用的是
.browserSync（{files:['public/***/.js'、'public/***/.css'、'./resources/***/.php'、'./resources/***/.less']，代理：'0.0.0:8181'，端口：8282，重影模式：{scroll:true}}）
对我不起作用。但代理端口工作正常
function server() {
  browserSync.init({
    proxy: 'dev.site.com', //alias
    port: 8080, //<-- changed default port (default:3000);
    open: false //<-- set false to prevent opening browser
  });
}