Gulp + BrowserSync, podawaj na ścieżce

Question

Używam Gulp i BrowserSync do obsługi mojej aplikacji webowej pod numerem localhost:9000.
Jak mogę zamiast tego wyświetlać aplikację webową pod adresem localhost:9000/some/multi/level/path?

Answer 1

W opcjach przeglądarki synchronizuj startPath, aby rozpocząć od innego adresu URL niż "/".

Nie zmienia to tego, na czym serwer obsługuje tylko ścieżka, od której zaczyna się BrowserSync.

http://www.browsersync.io/docs/options/#option-startPath

Answer 2

+1 w tej sprawie.

dla mojego serwera testowego Używam haustem-serwer WWW:

gulp.src('./public') 
    .pipe(webserver({ 
     host: 'localhost', 
     port: '8000', 
     path: '/myapp', 
     fallback: 'index.html' 
     directoryListing: false, 
     https: true 
    })) 

Potem dostępu do aplikacji z

https://localhost:8000/myapp/view

ale kiedy używam Browsersync dla trybu dev muszę używać

https://localhost:9000/view

Byłoby naprawdę miło mieć to samo, to być może przestałbym używać gulp-webserver.

Answer 3

Serwer statyczny Browsersync można skonfigurować tak, aby wyświetlał strony z dowolnych podsieci. Podczas inicjowania serwera statycznego Browsersync dodaj definicję trasy, w której kluczem jest dopasowany fragment adresu URL, a wartością jest katalog do wyświetlenia (ścieżka powinna być względna do bieżącego katalogu roboczego).

spróbować czegoś takiego:

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

gulp.task('watch', function() { 
    browsersync.init({ 
    files: './*.html', 
    startPath: '/some/multi/level/path', 
    server: { 
     baseDir: '-', 
     routes: { 
     '/some/multi/level/path': '.' 
     } 
    } 
    }); 
}); 

Running gulp watch rozpocznie Browsersync i otworzyć stronę z treścią ./ wyświetlanych na url http://localhost:3000/some/multi/level/path.

baseDir musi być ustawiony na niepusty łańcuch i nie musi być prawidłową ścieżką. Wartości Falseya (null, false i puste ciągi) nie będą działać.

Powyższy opis jest działającym plikiem gulp i został przetestowany pod kątem Browsersync v2.18.5 i gulp v3.9.1. Oto complete gist.

Answer 4

Wygląda na to, że opcja jest niedostępna. startPath zmieni tylko to, który URL zostanie otwarty przez browsersync.

I wreszcie wymyślił proste rozwiązanie:

Wystarczy utworzyć dowiązanie symboliczne do katalogu some/multi/level/pathyour app files. Następnie przechodząc do localhost:9000/some/multi/level/path dostarczysz te same pliki, co przechodzenie do localhost:9000