websocket连接服务端持续导致连接失败

前言

首先阐述我所遇到的问题，我在前端开发中采用的是vue框架，为避免跨域问题并考虑到当前处于开发阶段，因此配置了vue的代理端口，后端则基于springboot实现，用于接收websocket请求。然而，在实际测试过程中遇到了一个异常情况：当使用chrome浏览器向后端发起ws请求时，始终出现连接超时等错误；但当我切换至firefox浏览器后，却意外地成功建立了与后端的连接。由于这一异常现象极具迷惑性，我几乎尝试了网络上所有可能的解决方案，甚至尝试了科学上网的方式，但似乎没有其他人遇到类似的问题。最终经过反复排查与测试，终于找到了问题的根源——问题出在vue配置的代理端口上。

解决

    module.exports = {
    devServer: {
        proxy: {
            '': {
                target: 'http://localhost:801',
            }
        }
    }
    }
    
    
      
      
      
      
      
      
      
      
      
    

最初，我所采用的代理端口配置方式并无明显问题，因为在之前我就了解到，在Vue的代理配置中，