SignalR 是一个由微软开发的库，它简化了为 Web 应用程序添加实时 Web 功能的过程，SignalR 提供了一个简单的 API，用于在服务器和客户端之间建立持久连接，从而实现双向通信，在实际使用过程中，开发者可能会遇到各种报错问题，以下是一些常见的 SignalR 报错及其解决方法：
| 错误代码 | 错误信息 | 可能原因 | 解决方法 |
| 404 | "WebSocket connection to 'wss://xxx/HubName' failed: Error during WebSocket handshake: Unexpected response code: 404" | 客户端尝试连接的 URL 不正确或服务端未启用 WebSocket 协议 | 确保客户端连接到正确的终结点，并在服务端启用 WebSocket 协议 |
| 400 | "There was an error with the transport." | 客户端仅使用 WebSocket 传输但未在服务器上启用 WebSocket 协议 | 确保服务端启用了 WebSocket 协议，或者修改客户端代码以允许协商 |
| 503 | "Error during WebSocket handshake: Unexpected response code: 503" | 服务端资源不可用或过载 | 检查服务端状态，确保资源可用且未过载 |
| 405 | "Http 状态代码 405 不允许使用方法" | 应用未启用 CORS 或 CORS 配置不正确 | 在服务端启用 CORS，并确保 CORS 策略允许预期的来源和方法 |
| 413 | "Http 状态代码 413 有效负载太大" | 访问令牌过大或其他请求体过大 | 减小访问令牌大小或请求体大小 |
| 其他 | "CrossOrigin Request Blocked: The Same Origin Policy disallows reading the remote resource at..." | 同源策略阻止跨域请求 | 确保服务端允许跨域请求，并正确配置 CORS 策略 |
二、常见问题及解答
问题1：如何在Vue项目中使用SignalR？
（图片来源网络，侵权删除）
答：在Vue项目中使用SignalR，可以按照以下步骤操作：
1、安装依赖包：npm install signalr jquery save
2、配置全局jQuery：在vue.config.js中添加Webpack插件以确保jQuery被全局引入。
3、在main.js中引入SignalR，并建立与服务器的连接。
4、使用SignalR提供的API进行通信。
需要注意的是，由于SignalR依赖于jQuery，因此在Vue项目中使用时需要确保jQuery已被正确引入。
（图片来源网络，侵权删除）
问题2：如何解决SignalR连接断开后自动重连的问题？
答：SignalR默认具有自动重连的功能，但有时可能需要自定义重连逻辑以满足特定需求，可以通过设置withAutomaticReconnect()方法来启用自动重连，并通过配置reconnectDelay和maxReconnectDelay等选项来调整重连行为，如果需要更复杂的重连逻辑，可以在连接断开时手动调用start()方法进行重连。
（图片来源网络，侵权删除）
