在端口 3000 或 3001 上访问本地主机时出现 404（BrowserSync 使用的默认端口）

Question

我正在尝试将 Gulp 实施到我的项目中。我已成功创建一个任务并愿意将 BrowserSync 与其集成。

这是我的 gulpfile.js:

    var gulp = require('gulp');
    var gulpif = require('gulp-if');
    var uglify = require('gulp-uglify');
    var concat = require('gulp-concat');
    var env = process.env.GULP_ENV;
    var browserSync= require('browser-sync');
    var reload= browserSync.reload;

    gulp.task('js', function () {
        gulp.src([
            'src/**/Resources/public/js/*.js'])
            .pipe(concat('javascript.js'))
            .pipe(gulpif(env == 'prod', uglify()))
            .pipe(gulp.dest('web/js'))
            .pipe(reload({stream:true}));
    });

    gulp.task('browser-sync', function(){
        browserSync({server:
                    {
                        baseDir: "./"
                    }});

    });

    gulp.task('watch', function()
    {
       gulp.watch('src/**/Resources/public/js/*.js',['js']);

    });

gulp.task('default', ['browser-sync','watch']);

我正在使用 PHP 作为后端 (Synfony 2.3)。通常我通过访问 localhost/websiteName/web/app_dev.php/hello/SO 来访问本地主机上的网站。根据我读过的教程，BrowserSync 在端口 3000 下运行，但是当我这样做时 localhost:3000/websiteName/web/app_dev.php/hello/SO 它给了我一个 404.

访问 localhost:3001 向我发送 BrowserSync 主页，这向我表明本地是 http://localhost:3000!

我经验不足，无法理解背后的原因。感谢您平时的帮助。

Answer 1

我是这样做的：

gulp.task('browser-sync', function(){
    browserSync.init({
        proxy: "localhost/websiteName/web/app_dev.php"
    });
});

https://www.browsersync.io/docs/options/#option-proxy

在端口 3000 或 3001 上访问本地主机时出现 404（BrowserSync 使用的默认端口）

404 when visiting localhost on port 3000 or 3001 (default ports used by BrowserSync)

php

symfony

gulp

browser-sync