浏览器同步未使用gulp连接项目中的URL链接

Question

我有一个要为其创建工作流的项目，我有一个使用gulp监视浏览器更改和sass更改的项目。 gulp文件为：

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();

// Compile sass to css

gulp.task('sass', function () {
    return gulp.src('./src/sass/main.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./public/css/'))
        .pipe(browserSync.stream());
});

gulp.task('serve', function () {
    browserSync.init({
        server: {
            baseDir: './src/static'
        }
    });
    gulp.watch('./src/sass/**/*.scss', gulp.series('sass'))
    gulp.watch('./src/static/*.html').on('change', browserSync.reload);
});

问题是由于某种原因，我的资产丢失了，当我尝试链接到它们时，它们没有显示，错误如下：

我的结构是：

Answer 1

我通过以下操作解决了这个问题：

 browserSync.init({
        startPath:'./src/static',
        server:{
            baseDir: './'
        }
    });