如何在浏览器同步中配置端口 [英] How to configure port in browser-sync

问题描述

我有一个以 browser-sync 运行的 gulp 任务，默认情况下它在节点的端口3000上运行。 js server.I想要将默认端口更改为任何其他端口，如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']）; 
  

我正在使用：

 浏览器同步版本-2.6.1 
  

我试着配置gulp任务例如：

  gulp.task（'serve'，[]，function（）{
 browserSync（
 {
 ui：{
 port：8080 
}，
 server：../ProviderPortal
}）; 
}）; 
  

但它没有用。

解决方案

根据文档链接（ link1 ， LINK2 ）。

您使用的是浏览器同步版本2.0+，它们具有不同的推荐语法。

  //需要模块正常
 var bs = require（ 浏览器同步）创建（）; 
 $ b ... 
 
 gulp.task（'serve'，[]，function（）{
 // .init启动服务器
 bs.init（{
 server：./app，
 port：3010 
}）; 
}）; 
  

直接在配置对象中指定所需的端口。

I have a gulp task running with browser-sync,by default its running on port 3000 of node.js server.I want to change the default port to any other port like 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']);

I am using:

browser-sync version-2.6.1

I tried configuring the gulp task like:

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

But it didnot work.

解决方案

Answer based on the documentation links (link1, link2).

You are using browser-sync version 2.0+, they have a different recommended syntax. Using that syntax your code could be like this:

// 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
  });
});

You specify required port directly in configuration object.

这篇关于如何在浏览器同步中配置端口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！