前言
首先说明我的问题,我使用的前端框架是vue,为了防止出现跨域,且还在开发状态,所以我是用了vue的代理端口,后端使用的springboot来接收websocket请求,然后就出现了一个问题,当我用chrome浏览器向后端发送一个ws请求时,会一直出现连接超时等,但是我换用了firefox浏览器后,竟然莫名其妙地和后端建立了请求,因为这个奇葩问题,我整整在网上各种地方各种方法试了个遍,但哪怕是科学上网也似乎依然没有人遇到和我同样的问题,于是我尝试着各种方法去解决。
功夫不负有心人,我找出来了,是vue的代理端口出现了问题。
解决
module.exports = {
devServer: {
proxy: {
'': {
target: 'http://localhost:801',
}
}
}
}
原先,我启用的代理端口配置是这样的,本来是没有什么问题的,因为在此之前我就知道在vue的代理端口中,ws的默认值是true,所以没有特意去设置,但是后来无论怎么发送ws请求,总是无法建立连接,网络上几番寻觅无果之后,终于,我想起来了我代理的请求是http请求,会不会是这个东西将我的ws请求曲解了?
甚至都不需要纠结,肯定是!
果不其然,当我进行如下设置后
module.exports = {
devServer: {
proxy: {
'': {
target: 'http://localhost:801',
ws: false
}
}
}
}
重新将ws的地址指向后台,这次直接就成功了。
所以,原先代理请求错误的情况下,为啥火狐发送的ws请求还能建立连接?奇奇怪怪的 😦
搞得我还以为是我写的代码不适配chrome,然后网上找问题都是冲着这个方向找的,醉了,白白浪费一整天。