从远程主机到本地主机名的 Vue SocketIO 连接 (http://myhostname.local)

Question

我正在尝试通过 WS 在本地树莓派和远程服务器上托管的 Web 应用程序之间交换数据。

Vue.use(
  new VueSocketIO({
    debug: true,
    connection: io('http://myhostname.local:5000', {
      transports: ["websocket", "polling", "flashsocket"]
    }),
  })
);

当我在本地使用它（webapp）时，它工作正常，但是当我从远程服务器使用它时，我没有连接。

我在远程服务器打开了5000端口

这可能吗？如果是，为什么我无法远程连接？如果不是，是否有另一种方法可以将数据从远程应用程序传递到本地应用程序？

Answer 1

我不得不在 Firefox 中禁用 network.websocket.allowInsecureFromHTTPS 选项。（在 URL 栏中输入 about:config）

这里是其他浏览器的解决方案：https://www.damirscorner.com/blog/posts/20210528-AllowingInsecureWebsocketConnections.html

我在 bugzilla 中打开了一个错误，因为我认为当您尝试与本地设备通信时，浏览器应该允许混合内容。 https://bugzilla.mozilla.org/show_bug.cgi?id=1734976

从远程主机到本地主机名的 Vue SocketIO 连接 (http://myhostname.local)

Vue SocketIO connexion from remote host to local hostname (http://myhostname.local)

vuejs2

local

remote-server

vue-socket.io