I have a problem with my gulp webserver. I have this gulp task:

gulp.task('serve', ['watch'], () => {
  gulp.src('tmp')
    .pipe(webserver({
      livereload: true,
      directoryListing: true,
      open: true,
      //defaultFile: 'index.html'
    }));
});

When running gulp serve I am getting the following screen on localhost:8000:

It seems like that the webserver is serving the root directory of my project and not tmp folder, the odd thing is if I click the index.html I am redirected to http://localhost:8000/index.html which is the correct file (tmp/index.html and not /index.html).

I am using gulp-webserver for serving and live reload.

What did I do wrong?

Note: unmenting the defaultFile doesn't help.

I have a problem with my gulp webserver. I have this gulp task:

gulp.task('serve', ['watch'], () => {
  gulp.src('tmp')
    .pipe(webserver({
      livereload: true,
      directoryListing: true,
      open: true,
      //defaultFile: 'index.html'
    }));
});

When running gulp serve I am getting the following screen on localhost:8000:

It seems like that the webserver is serving the root directory of my project and not tmp folder, the odd thing is if I click the index.html I am redirected to http://localhost:8000/index.html which is the correct file (tmp/index.html and not /index.html).

I am using gulp-webserver for serving and live reload.

What did I do wrong?

Note: unmenting the defaultFile doesn't help.

• javascript
• node.js
• gulp

• 2 if it for dev only, you should take a look at browserSync instead of using webserver – Arnaud Gueras Commented Nov 14, 2015 at 0:52
• @ArnaudGueras Browsersync - browsersync.io/docs/gulp worked straight away for me - thanks for the tip! – Matt Commented Jul 11, 2017 at 20:41

3 Answers 3

You can pass an object into directoryListing to adjust this setting.

.pipe(webserver({
  directoryListing: {
    enable: true,
    path: 'tmp'
  }
}));

Details: https://github./schickling/gulp-webserver#options

open can be also a string.By providing a String you can specify the path to open (for plete path, use the plete url http://my-server:8080/public/) .

Try this

    gulp.task('serve', ['watch'], () => {
      gulp.src('./tmp')
      .pipe(webserver({
      livereload: true,
      directoryListing: true,
      open: true,
      //defaultFile: 'index.html'
     }));
   });