SpringBoot+WebSocket一个小问题

79 2024-11-06

我们非常重视原创文章，为尊重知识产权并避免潜在的版权问题，我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容，访问作者的公众号页面获取完整文章。

查看原文：SpringBoot+WebSocket一个小问题

文章来源：

江南一点雨

扫码关注公众号

松哥宣布TienChin视频项目已经完成，该项目基于Spring Boot和Vue3技术栈，并将覆盖多项有趣的技术内容，鼓励小伙伴们参与以实现高完成率的项目实战。

松哥提到小伙伴们在使用Spring Boot结合WebSocket进行即时通信时遇到了问题。虽然此前已多次讨论过这个话题，但由于版本升级引起的一个具体报错问题尚未解决。松哥决定借此机会详细解释该问题，并提供解决方案。

该问题涉及到前端工程化中的热加载功能，由webpack提供。热加载允许开发者在修改Vue代码后无需手动刷新浏览器即可看到更新。这是通过建立浏览器和NodeJS之间的WebSocket连接实现的，当Vue代码更新后，NodeJS服务器通过WebSocket告知浏览器重新加载。

新版Vue构建工具使用"http://localhost:8080/ws"作为WebSocket通信地址。如果开发者的项目也使用了WebSocket并且通信地址为"/ws"，那么需要修改配置以避免冲突。在vue.config.js文件中，WebSocket请求应分别配置以确保不会影响到热更新的WebSocket通信。

最后，松哥提出解决方案：如果项目中涉及到WebSocket通信，应避免使用"/ws"作为通信地址，改用其他路径以解决报错问题。他再次提醒小伙伴们参与TienChin项目，该项目利用Spring Boot和Vue3技术栈，能够帮助参与者深入学习相关技术。