远程服务器上的BrowserSync代理与Gulp？

Question

我有一个远程Linux服务器，我正在运行一个Node.js应用程序，它通过nginx在http://www.example.com处代理。

我有用BrowserSync安装的gulp（用于SASS编译）。每当我在服务器上启动gulp，访问网址是这样的：

[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

它正是你想要的......