与Gulp的远程服务器BrowserSync代理?

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

我已经用BrowserSync安装了gulp(用于SASS编译)。 每当我开始在服务器上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 ---------------------------------- 

所以,这是行不通的,因为我不试图通过本地访问服务器。 我需要访问它的实际url: http://www.example.comhttp://www.example.com 。 当我浏览到http://www.example.com我可以在页面中看到BrowserSync没有注入到页面中。

我已经搞乱BrowserSync代理选项,但他们不清楚。 我尝试了以下的一些任务:

 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? 还是我在这方面呢?

试试这个发生器:

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

它正是你想要的…