PHPのページをGulpとBrowser Syncでブラウザに自動表示する方法


GulpとBrowser SyncでPHPページの自動更新表示をさせようとするとうまくいかなかったので、設定方法を調べてみました。

以下の通りにproxy経由でbrowerSyncを動かすとうまくいきました。
私の環境ではMac上でphpを動かしているのでlocalhost:80をproxyとしました。
プロジェクトの実際のファイルはlocalhost以下のディレクトリにあるので、そのパスも含めてproxyとして設定しました。
indexには最初に表示させるページを指定します。

browserSync.init({
proxy: "localhost:80/project/files/",//phpが置いてあるディレクトリ
index: "index.php"//インデックスファイル名
});
atnr.net の RSS登録はこちらから

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*