使用gulp连接php

npm install --save-dev gulp-connect-php

然后设置gulpfile.js

var gulp = require('gulp'),
    connect = require('gulp-connect-php'),
    browserSync = require('browser-sync');

gulp.task('connect-sync', function() {
  connect.server({}, function (){
   browserSync({
     proxy: '127.0.0.1:8000'
       });
    });

    gulp.watch('**/*.php').on('change', function () {
      browserSync.reload();
    });
});

请参阅文档https://www.npmjs.com/package/gulp-connect-php
这里也有一个很好的教程https://phpocean.com/tutorials/front-end/automate-your-workflow-with-gulp-part-3-live-reloading/23

几天来我一直遇到同样的情况，直到我发现这是因为我没有正确关闭html输出。BrowserSync需要在重新加载浏览器之前包含一些javascript文本。如果html，body标记 * 未关闭 * 或 * 不存在 *，BrowserSync没有地方包含脚本。

使用外部服务器时，浏览器同步现在提供proxy选项。
配置文档：https://browsersync.io/docs/options#option-proxy

// Using a vhost-based url
proxy: "local.dev"

// Using a localhost address with a port
proxy: "localhost:8888"

// Using localhost sub directories
proxy: "localhost/site1"

命令列：https://browsersync.io/docs/command-line#start

browser-sync start --proxy "localhost:8080" --files "**/*"