BrowserSync proxy na zdalnym serwerze z Gulp?

Question

Mam zdalny serwer Linux, na którym uruchamiam aplikację Node.js, która jest proxy za pośrednictwem nginx pod numerem http://www.example.com.

Mam gulp (dla kompilacji SASS) zainstalowany z BrowserSync. Ilekroć uruchomić gulp na serwerze, adresy URL dostępu są mniej więcej tak:

[BS] Access URLs: 
---------------------------------- 
     Local: http://localhost:3000 
    External: http://10.0.2.15:3000 
---------------------------------- 
      UI: http://localhost:3001 
UI External: http://10.0.2.15:3001 
---------------------------------- 

Tak, że nie będzie działać, bo nie próbuję uzyskać dostęp do serwera poprzez localhost. Muszę uzyskać do niego dostęp pod tym adresem: http://www.example.com. Gdy przejdę na stronę http://www.example.com, widzę na stronie, że BrowserSync nie jest wstrzykiwana na stronę.

Wprowadziłem w błąd opcje proxy przeglądarki BrowserSync, ale nie są one jasne. Próbowałem następujących w moim gulp zadania:

browserSync.init({ 
    proxy: { 
    target: 'http://www.example.com:4000' 
    } 
}); 

I wtedy uzyskać to:

[BS] Proxying: http://www.example.dev:4000 
[BS] Access URLs: 
---------------------------------- 
     Local: http://localhost:3000 
    External: http://10.0.2.15:3000 
---------------------------------- 
      UI: http://localhost:3001 
UI External: http://10.0.2.15:3001 
---------------------------------- 

Ale portu 4000 nie jest otwarty na zaporze, tak że nie będzie działać. Czy to właściwy sposób, aby to zrobić i po prostu muszę otworzyć ten port? Dlaczego nie miałby działać z portem 80? Czy jestem od tego wolny?

Answer 1

Wypróbuj ten generator:

https://www.npmjs.com/package/generator-angular-proxy

To jest dokładnie to, co chcesz ...