Browser sync error?

Question

gulp.js

set up project build using gulp. when checking, everything seemed to work until it came to loading images. when opening index.html in safari, pictures are not available. if you try to open them in a new tab, it says "Cannot GET /app/img/logo.png". Chrome doesn't have this problem. what could be wrong and how to fix it?
code snippets below.

var gulp          = require('gulp'),
      browserSync = require('browser-sync');


gulp.task('browser-sync', function() { 
    browserSync({
        server: { 
            baseDir: 'app' 
        },
        notify: false 
    });
});


gulp.task('watch', ['browser-sync', 'sass', 'scripts'], function() {
    gulp.watch('app/sass/**/*.scss', ['sass']); 
    gulp.watch('app/*.html', browserSync.reload); 
    gulp.watch('app/js/**/*.js', browserSync.reload); 
});

Answer 1

baseDir: 'app'
app/ - you have a document root for the server,
so you need to specify the path to the pictures like this /img/logo.png