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() {
 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")

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

Find more questions by tags CSSHTMLSassGulp.js