无法将 Browsersync 与 DDEV nginx 服务器连接,因为 SSL 错误

Cant connect Browsersync with DDEV nginx server, because SSL Error

我是 运行 Bedrock wordpress 站点上的 DDEV nginx 服务器,正在尝试为 Browsersync 加载代码段。

gulpfile.js browserSync 任务:

browserSync.init({
proxy: {
 target: "https://web.ddev.site"
}, 
https: {
 key: "/Users/user/Library/Application Support/mkcert/rootCA-key.pem",
 cert: "/Users/user/Library/Application Support/mkcert/rootCA.pem"
}, open:false}); 

浏览器不加载片段并打印以下错误:

(index):505 GET https://web.ddev.site:3000/browser-sync/browser-sync-client.js?v=2.26.7 net::ERR_SSL_KEY_USAGE_INCOMPATIBLE

如何让这两件事一起工作?在 DDEV 之前,我使用的是 MAMP,但 DDEV 的性能要好得多,我想切换到这个应用程序。感谢您的帮助。

问题是错误的 ssl 证书文件。必须使用 docker 容器证书。不再需要代理选项。

设置 ddev 容器后,您需要将 docker 证书复制到某个位置:

docker cp ddev-router:/etc/nginx/certs ~/tmp

之后只需更新路径即可更正证书文件。我的 gulpfile 任务现在看起来像这样:

browserSync.init({https: {
 key: "/Users/username/tmp/master.key",
 cert: "/Users/username/tmp/master.crt"
}, open:false});

感谢@rfay 的解决方案!