如何在Vite React中禁用WebSocket？求助解决连接失败报错

你当前的配置仅关闭了WebSocket的SSL加密模式（wss），但Vite仍会尝试建立普通WebSocket（ws）连接，这就是报错的原因。要彻底禁用WebSocket，需强制热模块替换（HMR）使用HTTP轮询模式，修改配置如下：

export default defineConfig({
  plugins: [react()],
  server: {
    hmr: {
      // 强制使用HTTP轮询，完全禁用WebSocket
      transport: 'polling',
      // 匹配你报错信息里的端口号
      clientPort: 24678,
      // 明确使用HTTP协议
      protocol: 'http'
    }
  }
})

关键配置说明： #

• transport: 'polling'：指定HMR用HTTP轮询替代WebSocket，彻底禁用WebSocket连接
• clientPort：设置为你报错中显示的端口（24678），确保客户端能正确对接服务器端口
• protocol: 'http'：明确使用HTTP协议，避免Vite尝试建立ws/wss连接

如果是生产环境，HMR默认是关闭的，无需额外配置。若修改后仍有问题，可检查服务器防火墙或代理设置，确保24678端口能正常接收HTTP请求。

内容的提问来源于stack exchange，提问作者Sultan Roziyev