vue.js - vue2 中使用`signalR`导致项目跑崩溃？

Question

vue2 中使用signalR导致项目跑不起来。

在app.vue中有如下代码：

  let baseUrl = "/api/xxxxxxxx";  this.connection = new signalR.HubConnectionBuilder()    .withUrl(baseUrl, { accessTokenFactory: () => tokens })    .configureLogging(signalR.LogLevel.Warning)    .build();  this.connection.start().then(() => {    console.log("已连接!");  });

之前本来好好的，但是最近更换服务器后，项目通过npm run server跑起来，一刷新项目就崩了，控制台错误信息如下（代码注释后就没问题了）：

Answer 1

您的问题似乎与 SignalR 在 Vue2 项目中的使用有关，但您没有提供具体的错误信息，这使得确定问题的具体原因变得有些困难。然而，我可以提供一些可能的解决方案和排查步骤。

1. 检查 SignalR 服务器：首先，确保 SignalR 服务器正在运行并且可以从 Vue 客户端访问。尝试使用 Postman 或浏览器开发者工具的网络选项卡来测试 SignalR 端点的可达性。
2. 查看详细的错误信息：您提供的错误图片没有显示出来，所以请确保提供完整的错误信息。这将有助于确定问题的具体原因。
3. 检查令牌（Token）：在您的代码中，您使用了 accessTokenFactory 来提供令牌。确保令牌是有效的，并且服务器接受它。如果令牌无效或过期，可能会导致连接失败。
4. 日志和调试：启用更详细的 SignalR 日志记录，以便更好地了解连接过程中发生的问题。您可以尝试将 configureLogging 方法的参数更改为 signalR.LogLevel.Information 或 signalR.LogLevel.Debug，以获取更多的日志输出。
5. 跨域问题：如果您的 Vue 应用程序和 SignalR 服务器不在同一个域上，确保服务器已正确配置 CORS（跨源资源共享）策略，以允许 Vue 应用程序访问 SignalR 端点。
6. 依赖问题：确保您的项目中 SignalR 客户端库的版本与服务器端的 SignalR 版本兼容。不同版本之间可能存在不兼容性问题。
7. 网络问题：检查网络连接是否稳定，并尝试在不同的网络环境下运行应用程序，以排除网络问题。

如果以上步骤都无法解决问题，请提供更多关于错误的详细信息，例如错误消息、堆栈跟踪或任何与问题相关的其他信息，以便更好地帮助您解决问题。