gulp browser-sync リロードしない

gulp browser-sync を使って任意のlocalhostをリロードしたいのですがうまくいきません。

xamppで複数のディレクトリにルート設定をしています。
test01 →　localhost1
test02 →　localhost2
test03 →　localhost3
などです

リロードする際に上記のServreNameをいれると
Invalid config. You cannot specify both server & proxy options.　と出てしまいます。

試しにproxy設定なしでしたところ、
http://localhost:3000　
としてはうまくリロードされました。

解決策はあるのでしょうか。
よろしくお願いします。

発生している問題・エラーメッセージ

Invalid config. You cannot specify both server & proxy options.

該当のソースコード

gulp.task("browserSync", () => {
  browserSync.init({
    server: {
      baseDir: "./"
		},
    proxy: {
　　　target: "localhost2",
　　　index: 'index.html'
    }
  });
  gulp.watch("./*.html",  ["reload"]); // HTML ファイル
});
gulp.task("reload", () => {
  browserSync.reload();
});

gulp.task('default', ['watch','browserSync','reload']);

行動規範の内容に同意します

回答1件

ベストアンサー

gulp browser-sync はデフォルトでポート番号3000でローカルサーバが立ち上がる様です。
port オプションがあり、先約がなければ指定したポートでローカルサーバを立ち上げられるみたいです。

例えば8888で起動したい場合は、下記の // <-- の箇所に対して、
port オプション 8888 を挿入する形です。

js
1browserSync.init({
2    port: 8888,// <--
3    server: {
4        baseDir: "./"
5    },
6    proxy: {
7        target: "localhost2",
8        index: 'index.html'
9    }
10});