How to solve the problem of displaying images using gulp and browsersync?

Use Galp and convert sass file into css, BrowserSync is not showing images added via background-image. However, if you open the html file directly, the pictures are displayed. What could be the problem? The contents of helpfile:
const { src, dest, parallel, watch, series } = require('gulp');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();


function browser() {
browserSync.init({
 server: {
 baseDir: "src"
},
 notify: false,
})
}

function watchFiles() {
 watch("src/css", css);
 watch("src/*.html").on('change', browserSync.reload);
}

function css() {
 return src("src/sass/**/*.scss")
.pipe(sass())
.pipe(dest("src/css"))
.pipe(browserSync.stream());
}

exports.css = css;
exports.default = series(
 series(css) 
 parallel(browser watchFiles)
);
March 20th 20 at 11:39
0 answer

Find more questions by tags CSSHTMLSassGulp.js