Прокси-сервер BrowserSync на удаленном сервере с Gulp?

Question

У меня есть удаленный сервер Linux, на котором я запускаю приложение Node.js, которое проксируется через nginx по адресу http://www.example.com.

У меня есть gulp (для компиляции SASS), установленный с BrowserSync. Всякий раз, когда я начинаю вверх gulp на сервере, URL-адреса доступа являются чем-то вроде этого:

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

Таким образом, это не будет работать, потому что я не хочу, чтобы получить доступ к серверу через локальный. Мне нужно получить к нему доступ по фактическому адресу: http://www.example.com. Когда я просматриваю http://www.example.com, я могу видеть на странице, что BrowserSync не вводится на страницу.

Я уже возился с опциями прокси-сервера BrowserSync, но они не понятны. Я попытался следующие в моей gulp задачи:

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

А потом я получаю это:

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

Но порт 4000 не открыт на брандмауэре, так что не будет работать. Это правильный способ сделать это, и мне просто нужно открыть этот порт? Почему бы не работать с портом 80? Или я в этом уверен?

Answer 1

Попробуйте этот генератор:

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

Это именно то, что вы хотите ...