URL proxy không hoạt động với nhiệm vụ BrowserSync Gulp

Question

Ai đó có thể cho tôi biết tại sao URL proxy của tôi không hoạt động với BrowserSync và Gulp? Thay vào đó, nó chỉ tiếp tục sử dụng http://localhost:3000 làm URL nhà phát triển.

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

Tôi nghĩ nó hoạt động như mong đợi.

Proxy vhost hiện tại. BrowserSync sẽ gói vhost của bạn bằng URL proxy để xem trang web của bạn.

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

Answer 2

tôi đã cùng một vấn đề và đã làm như sau để ngăn chặn trình duyệt đồng bộ từ việc sử dụng địa chỉ default/cổng:

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

này đã làm việc cho tôi và thay đổi trình duyệt scyn adress to localhost: 5000

Answer 3

Để giải quyết vấn đề này khi tôi gặp sự cố trong một kịch bản tương tự, tôi phải bao gồm tùy chọn cổng (@maximilian được đề cập trong câu trả lời của mình), và cũng làTùy chọncũng là cần thiết.

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