浏览器同步代理不工作

Question

我正在使用Gulp和浏览器同步和XAMPP在我正在建立的Wordpress网站上工作。

下面是我的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']);
});

我遇到的问题是，我的本地主机在80端口上工作，而浏览器同步尝试打开81端口。 See screenshot attached.

我禁止Skype使用80端口，检查了Windows进程，只有Apache在使用这个端口。

不管我怎么做，浏览器同步总是试图打开localhost:81而不是80，所以我不能使用它。请注意，gulp、浏览器同步和所有其他东西都是最新的，安装的是最新版本。

谢谢!

Answer 1

浏览器同步不能在与web服务器相同的端口上工作。浏览器同步会自动递增端口号，因为端口已被您的web服务器占用。根本不要使用端口选项。因为你在80端口上运行你的need服务器，你不需要在proxy中指定它。因此，这应该是可行的：

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