Vue+.Net Core SignalR详细配置

非常好的问题，以下是Vue .Net Core SignalR详细配置的步骤：

1. 在Vue项目中安装signalr客户端npm包

npm install @aspnet/signalr

2. 在Vue项目中创建一个名为`SignalR.js`的文件，并编写以下内容：

import * as signalR from "@aspnet/signalr";

export default {
  install(Vue, options) {
    Vue.prototype.$signalR = new signalR.HubConnectionBuilder()
      .withUrl(options.url)
      .configureLogging(signalR.LogLevel.Information)
      .build();
    Vue.prototype.$signalR.start();
  },
};

3. 在Vue项目中创建一个名为`main.js`的文件，并编写以下内容：

import Vue from "vue";
import App from "./App.vue";
import SignalR from "./SignalR";

Vue.use(SignalR, {
  url: "http://localhost:5000/chatHub", // SignalR后端地址
});

new Vue({
  render: (h) => h(App),
}).$mount("#app");

4. 在.Net Core项目中安装`Microsoft.AspNetCore.SignalR`包

5. 在`Startup.cs`中添加以下代码：

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.SignalR;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;

namespace SignalRServer
{
    public class Startup
    {
        public IConfiguration Configuration { get; }

        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        }

        public void ConfigureServices(IServiceCollection services)
        {
            services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_3_0);
            services.AddSignalR();
        }

        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            app.UseRouting();

            app.UseEndpoints(endpoints =>
            {
                endpoints.MapControllerRoute(
                    name: "default",
                    pattern: "{controller=Home}/{action=Index}/{id?}");
                endpoints.MapHub<ChatHub>("/chatHub");
            });
        }
    }
}

6. 在.Net Core项目中创建一个名为`ChatHub.cs`的文件，并编写以下内容：

using Microsoft.AspNetCore.SignalR;
using System.Threading.Tasks;

namespace SignalRServer
{
    public class ChatHub : Hub
    {
        public async Task SendMessage(string user, string message)
        {
            await Clients.All.SendAsync("ReceiveMessage", user, message);
        }
    }
}

7. 在Vue项目中使用以下代码与SignalR服务器通信：

// 发送消息
this.$signalR.invoke("SendMessage", user, message);

// 接收消息
this.$signalR.on("ReceiveMessage", (user, message) => {
  console.log(user + "：" + message);
});

希望这个解答可以帮助你！