Jak uzyskać gulp + browsersync do pracy z serwerem apache vhost?

Question

Chciałbym dodać gulp, sass i browsersync do mojego zestawu narzędzi. Mam teraz uruchomiony haust z skonfigurowanym zadaniem sass i browsersync.

Skóruję aplikację php uruchomioną z vhosta na moim lokalnym serwerze apache.

Próbuję uruchomić browsersync z zadania watch, używając opcji proxy przeglądarki browsersync, aby użyć mojego vhosta.

Obecnie, gdy uruchamiam zegarek, na porcie 3000 nie można znaleźć serwera. Jeśli przejdę do "localhost: 3000", pojawi się komunikat "nie znaleziono strony internetowej".

Po przejściu do portu 3001 mogę uzyskać dostęp do interfejsu administratora przeglądarki browsersync. Wiem, że przeglądarka działa.

My łyk conf jest następujący

/* load plugins */ 
var gulp = require('gulp'), 
    sass = require('gulp-ruby-sass'), 
    browsersync = require('browser-sync') ; 

/* 
* define tasks 
*/ 

gulp.task('sass', function() { 
    return sass('assets/sass/main.sass') ;   
}) ; 


/* 
* browsersync conf 
*/ 

gulp.task('browser-sync', function() { 
    browsersync({ 
    proxy: 'localhost', 
    port: '3000' 
    }); 
}); 

gulp.task('browsersync-reload', function() { 
    browsersync.reload(); 
}); 

gulp.task('watch', ['browser-sync'], function() { 
    gulp.watch('assets/sass/**/*', ['css']); 
}); 


/* Default task */ 
gulp.task('default', ['sass'], function() { 
    gulp.watch("assets/sass/**.*", ['sass']); 
}); 

Answer 1

BrowserSync opcje „proxy” powinny być skierowane do miejsca, gdzie gospodarz apache jest służąc swoją aplikację, a nie tam, gdzie chcesz, aby ją otworzyć.

Na przykład, jeśli biegnę serwer Ruby on localhost: 9000 Chciałbym podkreślić, że w opcji proxy oraz dostęp poprzez przeglądarkę poprzez adres URL, który browsersync wyjście będzie do mnie za pośrednictwem poleceń

Answer 2

użyć tego zamiast dodaj vhost np mysite.local

następnie

gulp.task('server', function() { 
 
    browserSync.init({ 
 
     proxy: "mysite.local" 
 
    }); 
 
});

Answer 3

Jeśli masz zainstalowany Apache (próbki z MAMP) należy skonfigurować port na 8080

Mój config:

browserSync.init({ 
     open: 'external', 
     host: 'local.dev', 
     proxy: 'local.dev', 
     port: 8080 // for work mamp 
});