问题标签 [browser-sync]

有没有办法通过请求 url 来触发完整的 BrowserSync 刷新？

这种情况是一些带有数据库组件的代理 Web 应用程序。当数据库中的某些内容发生更改时，更新挂钩可以 ping 一个 url 以触发 BrowserSync 重新加载。

似乎这应该可以通过在 上请求一些 url 来实现localhost:3001，但我还没有发现文档中提到的这种事情。

I have a gulp task that runs browsersync.

browsersync detects changes and tries to inject them but chrome blocks it with this error:

Refused to connect to 'ws://localhost:3000/browser-sync/socket.io/?EIO=3&transport=websocket&sid=gOQQPSAc3RBJD2onAAAA' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'connect-src' was not explicitly set, so 'default-src' is used as a fallback.

Uncaught SecurityError: Failed to construct 'WebSocket': Refused to connect to 'ws://localhost:3000/browser-sync/socket.io/?EIO=3&transport=websocket&sid=gOQQPSAc3RBJD2onAAAA' because it violates the document's Content Security Policy.

How can i overcome this issue? Can i turn off the security policy?

当文件更改时，我使用 browsersync 重新加载浏览器。它工作完美。但是当我创建新文件时，例如 html - scss - js bowsersync 不起作用！如何解决这个问题？

吞咽：

我在 Mac (10.10.3) 上运行 browser-sync (2.7.1)。我从命令行运行它：

我正在对一个 css 文件进行更改，并且 BS 检测到这些更改：

但我的浏览器没有更新。

几天前这工作正常，我更新了 npm 模块，Xcode，但不记得具体有什么东西破坏了它，所以我重新安装了它。

我不知道如何解决这个问题。有人可以帮忙吗？

我目前正在关注 John Papa 的关于使用 GulpJS 构建自动化的课程。目前，我尝试使用 gulp-nodemon 设置浏览器同步以保持浏览器同步。这是我为开发构建服务的 gulp 任务：

有趣的部分是函数startBrowserSync()：

正如您在files选项中看到的那样，我想查看客户端文件夹中除*.scss文件之外的所有文件，并明确查看我.tmp目录中的 CSS 文件。这就是约翰爸爸在他的课程中的做法。但是，每次我更改*.scss文件中的某些内容时，都会重新加载整个页面。这不是预期的行为，因为我设置injectChanges了true这意味着注入 CSS 而不是重新加载整个页面。问题是!不排除文件被监视。这里有什么问题？

顺便一提; 我的 sass 配置如下所示：

我已经在此处和此处查看了 BrowserSync 的文档，但即使我使用该watchOptions属性并忽略文件，它也不起作用。

另一个问题是config.tmp + '**/*.css'无法正常工作。我将变量声明为var tmp = './.tmp/';. 不知何故，BrowserSync 的.tmp. 如果我将其更改为tmp只有它有效。但是， .tmp适用于所有其他 gulp 任务，例如styles任务：

这里有什么问题？有任何想法吗？

编辑：由于我使用的是 BrowserSync 2.7.1，我还尝试了通过调用create()模块导出来创建 browserSync 实例的推荐方法。此外，我更改了 BrowserSync 调用，如这篇博文中所述：

我files从选项对象中删除了该属性，并将它们作为数组传递给init()函数。仍然scss不会忽略文件，因此即使样式仅发生变化，也会重新加载整个页面。

我正在使用 Gulp 和 BrowserSync 在localhost:9000.
我怎样才能为 webapp 提供服务localhost:9000/some/multi/level/path呢？

我的站点目录中有一个压缩的 gzip 文件。我从未使用过 gzip，但它似乎不适用于本地机器。

我正在使用 BrowserSync 启动本地服务器来查看我的网站，如何让浏览器读取我的main.css.gz文件？

对此的任何帮助表示赞赏。

提前致谢！

我在我的项目中使用 laravel 5 和 angularjs。我在其中添加了带有 gulp 的 browserSync，但是当我尝试登录系统时遇到了问题。即使用户已经通过身份验证，系统也不会重定向到主页。Disconnected from BrowserSync每当发生重定向时，它都会显示“ ”。我认为这是一个 browserSync 问题，它会在断开连接时清除身份验证会话。谁能告诉我当 browserSync 断开连接时会话是否会被清除？

我使用 gulp 和咆哮。我创建了这个gulpfile.js：

当我运行 gulp 时，咆哮显示两个通知和浏览器同步两次重新加载页面。也许我做错了什么？

我正在开发一个 Angular 应用程序，但在刷新包含点等特殊字符的 url 的页面时遇到问题。

我将 browsersync 与 modRewrite 模块一起使用。以下是我的脚本：

使用此设置，当我使用 url -“localhost:7000/blocker?email=test@gmail.com”刷新页面时，我得到“Cannot GET /blocker?email=test@bespoke.is”

我相信我可以通过配置 modRewrite 脚本来解决这个问题，但是到目前为止我尝试的所有脚本都没有解决这个问题。

如果有人可以在这里帮助我，那就太好了。谢谢！