<think>好的，我现在需要帮助用户
解决苍穹外卖应用中无法
连接到
WebSocket的问题。首先，我要仔细分析用户提供的引用内容，找出可能的
解决方案。
首先，用户提到了三个引用。引用[1]提到部署到ECS/服务器时
WebSocket失灵，但提示音问题未
解决。引用[2]是关于Spring Boot中ServerEndpointExporter的Bean创建错误，可能和容器配置有关。引用[3]则指出需要修改前端代码中的
WebSocket连接地址，特别是当Nginx端口修改后导致的
连接失败。
接下来，我需要结合这些信息，整理出
解决方案的步骤。可能的方面包括检查后端配置、确保ServerEndpointExporter正确配置、检查端口和代理设置、处理前端
连接地址、以及防火墙和安全组设置等。
首先，检查后端配置。根据引用[2]，BeanCreationException可能是因为缺少ServerContainer，这通常发生在没有使用Tomcat等支持
WebSocket的容器时。用户需要确认是否添加了@Enable
WebSocket注解，并正确配置了ServerEndpointExporter。比如，在Spring Boot应用中，可能需要检查
WebSocketConfiguration类是否正确。
然后是Nginx代理配置。引用[3]提到修改Nginx端口后，前端
连接的
WebSocket地址需要相应调整。需要确认Nginx配置中是否包含
WebSocket的代理设置，比如Upgrade和Connection头信息。此外，前端代码中的
WebSocket URL是否正确指向了后端服务
地址和端口，而
不是本地开发环境的
地址。用户可能需要按照引用[3]的方法，修改前端JS文件中的
连接地址为实际的服务器
IP和端口，例如将'ws
://
localhost:800/ws/'
改为'ws
://服务器
IP:端口/ws/'。
另外，防火墙和安全组设置也是常见问题。需要确保服务器的端口（如800）在安全组中开放，并且服务器的防火墙没有阻止该端口的通信。同时，检查Nginx监听的端口是否与前端配置一致。
可能还需要检查
WebSocket的依赖。如果项目使用Spring Boot，确保已经添加了spring
-boot
-starter
-websocket依赖，避免因依赖缺失导致的问题。此外，服务器时间同步问题也可能导致
连接失败，需要确认服务器时间是否正确，必要时安装NTP服务进行同步。
测试步骤方面，可以先用命令行工具如wscat测试
WebSocket服务是否正常运行，确认后端服务没有问题后再检查前端
连接。如果后端测试成功而前端仍然失败，可能是前端配置或网络问题。
总结下来，
解决方案应包括检查后端配置、Nginx代理设置、前端
连接地址、端口和防火墙设置，以及依赖和服务器时间等。需要分步骤逐一排查，确保每个环节都正确配置。</think>针对苍穹外卖
WebSocket连接问题，根据部署环境和错误类型提供分步
解决方案：
一、后端配置检查
1
. 确认Spring Boot配置中添加`@Enable
WebSocket`注解，并正确初始化`ServerEndpointExporter`：
```
java
@Configuration
@Enable
WebSocket
public class
WebSocketConfiguration {
@Bean
public ServerEndpointExporter serverEndpointExporter() {
return new ServerEndpointExporter();
}
}
```
若使用嵌入式Tomcat需添加依赖：
```xml
<dependency>
<groupId>org
.springframework
.boot</groupId>
<artifactId>spring
-boot
-starter
-websocket</artifactId>
</dependency>
```
二、Nginx代理配置（关键配置项）
```nginx
location /ws/ {
proxy_pass http
://backend;
proxy_http_version 1
.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
proxy_set_header Host $host;
}
```
需特别注意`proxy_http_version`必须设置为1
.1，这是
WebSocket协议必需配置[^3]
三、前端
连接地址修正
1
. 找到编译后的前端文件`app
.*
.js`（非
.map文件）
2
. 修改
WebSocket连接地址为实际部署
地址：
```
javascr
ipt
const socket = new
WebSocket('ws
://${your_server_
ip}
:${your_port}/ws/');
```
建议通过环境变量动态配置，避免硬编码[^3]
四、服务器网络配置检查
1
. 安全组规则需开放
WebSocket使用的端口（默认800）
2
. 检查防火墙设置：
```bash
# 查看防火墙状态
sudo ufw status
# 开放端口
sudo ufw allow 800/tcp
```
五、常见错误
解决方案
1
. `BeanCreationException`错误：
- 确认项目是否使用Tomcat/Jetty容器
- 检查是否错误引入Undertow容器导致冲突
- 添加排除配置：
```
java
@SpringBootApplication(exclude = {UndertowAutoConfiguration
.class})
```
六、联调测试步骤
1
. 使用wscat工具测试服务端：
```bash
wscat
-c ws
://
localhost:800/ws
```
2
. 通过浏览器开发者工具检查
WebSocket握手过程
七、服务器时间同步
```bash
# 安装NTP服务
sudo apt install ntp
# 强制同步时间
sudo timedatectl set
-ntp true
```
扫一扫
1158
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
