相关疑难解决方法(0)

我有一个运行浏览器同步的任务。

var options = {
        proxy :          'localhost:9000/html' ,
        port :           3000 ,
        files :          [
            config.root + config.srcPaths.htmlBundle ,
            config.htmlRoot + 'main.css' ,
            '!' + config.htmlRoot + '**/*.scss'
        ] ,
        injectChanges :  false ,
        logFileChanges : true ,
        logPrefix :      'broserSync ->' ,
        notify :         true ,
        reloadDelay :    1000
    };
browserSync( options );

browsersync会检测到更改并尝试注入更改，但chrome阻止此错误：

拒绝连接到“ ws：// localhost：3000 / browser-sync / socket.io /？EIO = 3＆transport = websocket＆sid = gOQQPSAc3RBJD2onAAAA”，因为它违反了以下内容安全策略指令：“ default-src'self'”。请注意，未明确设置“ connect-src”，因此将“ default-src”用作后备。

未捕获到的SecurityError：无法构造'WebSocket'：拒绝连接到'ws：// localhost：3000 / browser-sync / socket.io /？EIO …

我使用 DDEV 作为我的本地托管环境，我的许多项目都通过 Gulp 实现了前端自动化。Browsersync是我们前端设置的主要组件，它要求 DDEV 容器将端口暴露给主机。手头的问题有两个方面，从容器向主机公开端口的最佳方法是什么，以及在 DDEV 环境中浏览器同步 Gulp 任务的最佳设置是什么？