Browser Sync proxy не работает

Question

Я использую Gulp с Browser Sync и XAMPP для работы на веб-сайте Wordpress, который я создаю.

Вот моя установка Глоток:

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var gulpif = require('gulp-if'); 
var useref = require('gulp-useref'); 
var browserSync = require('browser-sync').create(); 
var uglify = require('gulp-uglify'); 
var cssnano = require('gulp-cssnano'); 

gulp.task('sass', function() { 
    return gulp.src('assets/css/dev/**/*.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('./')) 
    .pipe(browserSync.reload({ 
     stream: true 
    })) 
}); 

gulp.task('browserSync', function() { 
    browserSync.init({ 
     server: { 
      proxy: 'http://localhost/turner/', 
     }, 
     port: 80, 
     logLevel: 'debug', 
    }) 
}); 

gulp.task('watch', ['browserSync', 'sass'], function() { 
    gulp.watch('assets/css/dev/**/*.scss', ['sass']); 
}); 

Проблема у меня в том, что мой локальный работает на порту 80 и браузер-синхронизации пытается открыть 81 порт вместо этого. See screenshot attached.

Я отключил Skype с помощью порта 80, проверил процессы Windows и только Apache использует этот порт.

Независимо от того, что я делаю, браузер-sync всегда пытается открыть localhost: 81 вместо 80, и поэтому я не могу его использовать. Обратите внимание, что gulp, browser-sync и все другие вещи обновлены, установлены последние версии.

Спасибо!

Answer 1

Браузер-синхронизация не может работать на одном и том же порту с веб-сервером. Браузер-синхронизация автоматически увеличивает номер порта, поскольку порт занят вашим веб-сервером. Не используйте параметр порта вообще. А поскольку вы запускаете свой веб-сервер на порту 80, вам не нужно указывать его в прокси. Поэтому это должно работать:

gulp.task('browserSync', function() { 
    browserSync.init({ 
     server: { 
      proxy: 'http://localhost', 
     }, 
     logLevel: 'debug', 
    }) 
});