Proxy browserSync sul server remoto con Gulp?

Question

Ho un server Linux remoto su cui sto eseguendo un'app Node.js, che è proxy tramite nginx allo http://www.example.com.

Ho gulp (per la compilazione SASS) installato con BrowserSync. Ogni volta che inizio a gulp sul server, gli URL di accesso sono qualcosa di simile:

[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 
---------------------------------- 

Quindi, che non sta andando a lavorare, perché io non sto cercando di accedere al server tramite localhost. Ho bisogno di accedervi al suo effettivo url: http://www.example.com. Quando sfoglio fino a http://www.example.com nella pagina vedo che BrowserSync non è stato inserito nella pagina.

Ho avuto problemi con le opzioni del proxy BrowserSync ma non sono chiari. Ho provato quanto segue nel mio compito gulp:

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

E poi ho ottenere questo:

[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 
---------------------------------- 

Ma la porta 4000 non è aperta sul firewall, in modo che non sta andando a lavorare. È questo il modo giusto per farlo e ho solo bisogno di aprire quella porta? Perché non dovrebbe funzionare con la porta 80? O vado via così?

Answer 1

provare questo generatore:

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

fa esattamente ciò che si vuole ...