vite.config.js中配置websocket跨域

在 `vite.config.js` 中配置 WebSocket 跨域，可以使用 `configureServer` 选项来设置 WebSocket 代理。具体步骤如下：

1. 在 `vite.config.js` 中添加 `configureServer` 选项。

module.exports = {
  configureServer: ({ app }) => {
    // 添加 WebSocket 代理
  }
}

2. 在 `configureServer` 中添加 WebSocket 代理配置。

const httpProxy = require('http-proxy');

module.exports = {
  configureServer: ({ app }) => {
    // 创建 WebSocket 代理
    const wsProxy = httpProxy.createProxyServer({
      target: 'ws://localhost:3000',
      ws: true,
      changeOrigin: true
    });

    // 监听 WebSocket 请求
    app.ws('/ws', (ws, req) => {
      // 转发 WebSocket 请求
      wsProxy.ws(req, ws, {}, err => {
        console.error('WebSocket proxy error:', err);
      });
    });
  }
}

3. 在前端代码中使用代理访问 WebSocket 服务。

const socket = new WebSocket('/ws');

在上面的代码中，`/ws` 是代理路径，代理会将请求转发到 `ws://localhost:3000` 上。你需要将 `target` 参数设置为你的 WebSocket 服务的地址。`changeOrigin` 参数表示是否改变请求头中的 `Origin` 字段，默认为 `false`，如果设置为 `true`，代理会将请求头中的 `Origin` 字段设置为代理地址。`ws` 参数表示是否代理 WebSocket 请求，默认为 `false`。