browsersync で gulp を実行する際に問題が発生しています。gulp syncを実行すると、ブラウザーは、 http://localhost:8080/app_dev.php urlで、読み込み中にスタックしている空白のページを実行します。
PHPアプリ(symfony)でローカルサーバーにリンクされている仮想ホストにプロキシオプションを使用します。これが私の構成です:
gulpfile.js
gulp.task('sync', function() {
browserSync.init({
proxy: 'progress_app.localhost/app_dev.php',
port: 8080,
open: true,
notify: false
});
});
httpd.conf
<VirtualHost *:80>
DocumentRoot "C:\xampp\htdocs\progress_app\web"
DirectoryIndex index.php
ServerName progress_app.localhost
ServerAlias progress_app.localhost
<Directory "C:\xampp\htdocs\progress_app\web>
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>
<VirtualHost *:80>
ServerName localhost
DocumentRoot "C:/xampp/htdocs"
<Directory "C:/xampp/htdocs">
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>