为什么gulp browsersync()不适用于Laragon?

dm7nw8vv  于 2022-12-08  发布在  Gulp
关注(0)|答案(1)|浏览(190)

以前我创建了一个简单的gulp文件来实现开发的自动化。当时,我只是在使用XAMPP,我的gulpfile运行得很好。但是上次我开始使用Laragon时,我遇到了这个问题。在终端中使用了gulp命令后,gulp启动了,但是项目没有加载,我只看到了加载页面:https://gyazo.com/70527323ee7f18104727badf422ed228我不明白为什么?下面是我在gulpfile.js中使用的浏览器同步函数

function browsersync() {
browserSync.init({
    proxy: {
        target: "http://starter.test",
        ws: true
    },
    notify: false, 
    online: true
   })
 }

请帮忙解决这个问题。

eni9jsuy

eni9jsuy1#

我通过在browserSync.init中添加SSL证书找到了解决此问题的方法,如下所示:

browserSync.init({
        injectChanges: true,
        open: false,
        proxy: "https://datavis.test",
        https: {
            key: 'D:/laragon/etc/ssl/laragon.key',
            cert: 'D:/laragon/etc/ssl/laragon.crt'
        }
    });

然后,在HTML文件中,应在结束标记之前添加以下代码:

<script id="__bs_script__">//<![CDATA[
          document.write("<script async src='https://HOST:3000/browser-sync/browser-sync-client.js?v=2.27.10'><\/script>".replace("HOST", location.hostname));
      //]]></script>

我是按照这个youtube视频的指导:https://www.youtube.com/watch?v=NDjE_LCHbuI
这个家伙一步一步地解释了在类似的情况下应该如何安装browserSync。

相关问题