Proxy BrowserSync trên máy chủ từ xa với Gulp?

Question

Tôi có một máy chủ Linux từ xa mà tôi đang chạy một ứng dụng Node.js, được proxy thông qua nginx tại http://www.example.com.

Tôi có gulp (để biên dịch SASS) được cài đặt với BrowserSync. Bất cứ khi nào tôi bắt đầu lên gulp trên máy chủ, các url truy cập là một cái gì đó như thế này:

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

Vì vậy, đó không phải đi làm việc, vì tôi không cố gắng để truy cập vào máy chủ thông qua localhost. Tôi cần truy cập nó tại url thực của nó: http://www.example.com. Khi tôi duyệt đến http://www.example.com Tôi có thể thấy trong trang mà BrowserSync không được đưa vào trang.

Tôi đã rối tung với các tùy chọn proxy BrowserSync nhưng chúng không rõ ràng. Tôi đã thử các sau đây trong nhiệm vụ gulp tôi:

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

Và sau đó tôi nhận được điều này:

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

Nhưng cổng 4000 không mở cửa vào các bức tường lửa, do đó sẽ không làm việc. Đây có phải là cách đúng để làm điều đó và tôi chỉ cần mở cổng đó? Tại sao nó không hoạt động với cổng 80? Hay tôi có cách nào không?

Answer 1

Hãy thử máy phát điện này:

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

Nó chính xác những gì bạn muốn ...