Browser 使用大口喝'；在本地主机测试环境中与MAMP同步的浏览器

我四处搜索过，但没有帖子指出在本地主机测试环境中使用Gulp的BrowserSync时要避免的漏洞。这里是这篇文章

我正在使用gulp浏览器同步，使用MAMP进行测试。现在我无法让我的浏览器同步手表工作。我想在保存文件时重新加载浏览器

在MAMP设置下

Apache端口：80

Nginx端口：80

MySQL端口：3306

gulpfile.js

var gulp = require('gulp');
var browserSync = require('browser-sync'); // create a browser sync instance.

//tasks for development
// Start browserSync server
gulp.task('browserSync', function() {
  browserSync({
    server: {
        baseDir: "app"
    },
    proxy: "localhost:8080" // can be [virtual host, sub-directory, localhost with port]
});

gulp.task('watch', ['browserSync'], function () {
  gulp.watch('app/*.{php,css,js}', browserSync.reload);
});

因为我们在这里讨论的是MAMP，所以我的目录位于htdocs/test中，如下所示：

另外，我的index.php文件在/app中

---

我想我在很多方面都犯过错误，但现在我的任何解决方案组合似乎都无济于事，我为此花了好几个小时。有什么建议吗？

终于成功了

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

gulp.task('default', function() {
    browserSync.init({
        proxy: "http://localhost/test/app"
    });
    gulp.watch("./app/*.php").on("change", browserSync.reload);
});

文档中可能没有明确提到的几件事情需要注意：

不要错过.create和.init（），因为我们在这里引用的是一个实例

如果您正在使用一些测试本地服务器，如MAMP，请小心使用“代理”而不是“服务器”

注意，我使用的URL地址指的是index.php的位置

最后，“.on”（“change”，browserSync.reload）”以在更改时重新加载

---

希望我花在这上面的一天能为您节省一些时间。

我一直在努力解决这个问题，并找到了一个更新的解决方案，它可以同时使用MAMP和自定义本地开发人员代理

在gulpfile.js gulp.task（'browser sync'，function（）块中，我删除了：

browserSync.init（cfg.browserSyncWatchFiles，cfg.browserSyncOptions）；

取而代之的是

browserSync.init({
代理：“您的/local/dev/url/here”
});

---

希望这能为某人节省一些时间！

“希望我花在这上面的一天能为你节省一些时间。”真有魅力！为此干杯！！