javascript - 如何更改浏览器同步端口

Question

我的应用程序在端口 8000 上运行。我已将 borowserSync 端口从 browser-sync/default-config.js 更改为 8000。它看起来像这样

// Change the default project
ui: {
    port: 8000
},

ui: {
    port: 8000,
    weinre: {
        port: 8000
    }
},

但是当我运行 gulp watch 命令时，它会在端口 8001 上旋转服务器。运行 gulp watch 命令后，我的终端看起来像这样

[23:40:54] Starting 'browserSync'...
[23:40:54] Finished 'browserSync' after 23 ms
[23:40:54] Starting 'sass'...
[BS] Access URLs:
------------------------------------
Local: http://localhost:8001
External: http://192.168.1.6:8001
------------------------------------
UI: http://localhost:8002
UI External: http://192.168.1.6:8002

有谁知道在 browserSync 中更改端口的对象。

Answer 1

当有其他东西在端口上运行时，通常会发生这种 1 的移位。您是否有另一个实例已经占用了端口 8000？

我注意到您在配置文件中提到了两次端口 8000，并且您有两个用于 ui 的相同节点

例如，我的 gulp 配置如下所示

browserSync.instance = browserSync.init({
  startPath: '/',
  ui: {
    port: 3001
  },
  server: server, //server variable set elsewhere
  port: 3000,
  browser: browser, //set elsewhere
});

所以你的配置应该看起来更像

{
  port: 8000,//Or whatever port you want for your application
  ui: {
    port: 8001 //Or whatever port you want for browsersync ui
  }
}