Le proxy de synchronisation du navigateur ne fonctionne pas

Question

J'utilise Gulp avec Browser Sync et XAMPP pour travailler sur un site Wordpress que je suis en train de développer.

Voici ma configuration Gulp:

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']); 
}); 

Le problème que je vais avoir est que mon localhost fonctionne sur le port 80 et le navigateur de synchronisation essaie d'ouvrir le port 81 au lieu. J'ai désactivé Skype à partir du port 80, vérifié les processus Windows et seul Apache utilise ce port.

Quoi que je fasse, browser-sync essaie toujours d'ouvrir localhost: 81 au lieu de 80 et je ne peux donc pas l'utiliser. Notez que gulp, navigateur-sync et toutes les autres choses sont à jour, installé les dernières versions.

Merci! Browser-sync ne peut pas fonctionner sur le même port que le serveur Web

Answer 1

La synchronisation du navigateur incrémente automatiquement le numéro de port car le port est occupé par votre serveur Web. N'utilisez pas l'option de port du tout. Et puisque vous exécutez votre serveur Web sur le port 80, vous n'avez pas besoin de le spécifier dans le proxy. Par conséquent cela devrait fonctionner:

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