如何为后端访问配置 socket.io 客户端

Question

我制作了一个简单的 Web 应用程序，它包含一个 nodejs 调度程序后端和一个使用 socket.io 连接的 quasar spa 前端。 我知道如何配置客户端连接到本地主机，但如果我尝试在网络上的另一台设备上打开相同的前端，逻辑上无法连接。 考虑到我将在 docker 容器上同时托管服务器和客户端，我如何将 socket.io 配置为可在 localhost 之外访问？

后端：

const app = require('express')();
const http = require('http')
  .createServer(app)
  .listen(config.socketPort, config.socketIP, function() { // Being: 0.0.0.0:3002
    console.log(
      `socket: websocket listening on ${config.socketIP}:${config.socketPort}`
    );

    const io = require('socket.io')(http, {
      cors: {
        origin: '*'
      },
    });
...

前端：

import io from 'socket.io-client'

const socket = io.connect('http://localhost:3002')

export default ({ Vue }) => {
  Vue.prototype.$socket = socket
}
export { socket }

Answer 1

您在客户端/前端代码中使用 localhost。这里需要使用服务器ip或者域名。

编辑 前端代码应用程序托管在服务器中，只是为了让用户有可能获得它。之后，浏览器将加载它并执行它的代码。在这里，socket io 客户端需要找到后端的确切地址。例如，如果我们将其保留为 localhost，当我们从服务器下载应用程序后，它会尝试连接到 localhost，但它不会在本地找到后端应用程序，因为它在您的服务器中。这就是为什么您需要将 ip 或域而不是 localhost 作为后端地址。