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

我遇到的问题是我的localhost正在使用端口80，而浏览器同步试图打开81端口。 See screenshot attached.

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

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

谢谢！

Answer 1

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

<xsl:template match="FinalRecord">
    <xsl:apply-templates />
</xsl:template>

浏览器同步代理无法正常工作

1 个答案: