Wordpress 浏览器同步代理不工作

我正在使用Gulp与浏览器同步和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

我禁止Skype使用80端口，检查了Windows进程，只有Apache使用此端口

无论我做什么，浏览器同步总是尝试打开localhost:81而不是80，因此我无法使用它。请注意，gulp、浏览器同步和所有其他内容都是最新的，安装的是最新版本

---

谢谢

浏览器同步无法与web服务器在同一端口上工作。 浏览器同步会自动增加端口号，因为该端口已被web服务器占用。根本不要使用端口选项。由于您在端口80上运行Web服务器，所以不需要在代理中指定它。 因此，这应该是可行的：

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