部署到产品时出现 VueJS 错误：DOMException：“操作不安全。”答案

【问题标题】：VueJS error when deploying to prod: DOMException: "The operation is insecure."部署到产品时出现 VueJS 错误：DOMException：“操作不安全。”
【发布时间】：2020-03-22 01:30:09
【问题描述】：

我已将我的 VueJS 应用程序部署到 netlify。我的应用在我的本地机器上运行良好，生产部署在 Chrome 中运行，但是当您点击“连接”时，Firefox 会出现以下错误。

这是尝试通过 websockets 连接到 MQTT 代理。

DOMException: "The operation is insecure."

您可以在此处查看一个工作示例：

https://inspiring-beaver-f90fa7.netlify.com/

【问题讨论】：

可能相同same problem？ Connect 按钮处理程序到底在做什么？显示一些代码...
这里调用了 newConnection() 函数：github.com/cory-weiner/Vue-Mqtt-Client-Dashboard/blob/master/…
你说它在你的机器上工作。你在那里用什么浏览器？也许尝试在开发模式下部署应用程序？
我想通了。 Firefox 会阻止 https 和未加密的 websocket 之间的连接。我需要连接到 wss:// 代理。
有道理。好工作！ :)

标签： vue.js websocket vuejs2 mqtt netlify

【解决方案1】：

我想通了。

Firefox 阻止从 https 到不安全的 websocket（ws:// 或 mqtt://）的连接

在这种情况下，我需要切换到安全代理 (wss://)，一切正常。

或者，您可以通过转到 firefox 的 about:config 并切换 network.websocket.allowInsecureFromHTTPS 来强制 firefox 允许此连接将摆脱 SecurityError。记录在这里： Firefox Websocket security issue

【讨论】：

您究竟做了什么来切换到安全代理 (wss://) ？？