Proxy URL not working with BrowserSync Gulp task

I had the same problem and did the following to stop browser-sync from using the default adress/port:

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

This worked for me and change the browser-scyn adress to localhost:5000

//Finally what worked for me: gulp.task("serve", () => { browserSync.init(null, { proxy: "127.0.0.1:8000/", open: true, }); gulp.watch(["src/templates/**/**/*.html"], gulp.series("html")); }); gulp.task("default", gulp.series("html", "serve")); 

You need to use the port at the end of the proxy URL. The default is 3000, but you can specify one in the config. If you don't add the port at the end of the url, BrowserSync will not reload the page. This is what worked for me.

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

So in your browser you will visit: http://dev.site.com:8080

To solve this issue when I was trouble in a similar scenario, I had to include the port option (which @maximilian mentioned in his answer) , and also the files option was needed as well.

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