Làm thế nào để cấu hình cổng trong trình duyệt đồng bộ hóa

Question

Tôi có một nhiệm vụ gulp chạy với browser-sync, theo mặc định chạy trên cổng 3000 của Node.js server.I muốn thay đổi cổng mặc định cho bất kỳ cổng khác như 3010.

var gulp = require('gulp'), 
    connect = require('gulp-connect'),   
    browserSync = require('browser-sync');  

    gulp.task('serve', [], function() { 
    browserSync(
     { 
     server: "../ProviderPortal" 
     }); 
    }); 
    /*** 8. GULP TASKS **********/ 
    gulp.task('default', ['serve']); 

tôi đang sử dụng:

browser-sync version-2.6.1 

tôi đã cố gắng cấu hình nhiệm vụ ngụm như:

gulp.task('serve', [], function() { 
    browserSync(
    { 
     ui: { 
     port: 8080 
     }, 
     server: "../ProviderPortal" 
    }); 
}); 

Nhưng nó không hoạt động.

Answer 1

Trả lời dựa trên các liên kết tài liệu (link1, link2).

Bạn đang sử dụng phiên bản đồng bộ hóa trình duyệt 2.0+, chúng có một cú pháp được đề xuất khác. Sử dụng cú pháp đó, mã của bạn có thể giống như sau:

// require the module as normal 
var bs = require("browser-sync").create(); 

.... 

gulp.task('serve', [], function() { 
    // .init starts the server 
    bs.init({ 
    server: "./app", 
    port: 3010 
    }); 
}); 

Bạn chỉ định cổng yêu cầu trực tiếp trong đối tượng cấu hình.