如何在浏览器(React、Vue)中连接到 TLS 中的 MQTT 代理

How to connect to MQTT broker in TLS in brower (React, Vue)

我想在前端设置一个 mqtt TLS 连接(反应)

如果我无法在浏览器中访问文件系统,我该如何在 React 应用程序中读取 ca 文件?

或者是否需要为 mqtt tls 通信设置一个服务器并从前端向它请求?

在浏览器中,您必须使用浏览器的内置证书存储。

如果您想使用自定义 CA,则需要先导入并信任它,然后再由用户(或可能由企业管理环境中的 IT 管理员)手动访问该页面。您不能在 app/web 页面中执行此操作。

另一种选择是确保您用于代理的证书是由浏览器中已包含的受信任 public CA 之一颁发的