Veo muchos tutoriales y sigo el formato de tutoriales, pero mi proyecto falló.
por favor mira mis códigos:
en código vs, mi proyecto vue.js:
principal.js:
import VueSignalR from '@latelier/vue-signalr' Vue.use(VueSignalR, 'https://localhost:7082/chathub')prueba.vue:
created () { this.$socket.start({ log: true // Logging is optional but very helpful during development }) }
en vs 2022: mi proyecto central:
programa.cs:
using WebApp2; var builder = WebApplication.CreateBuilder(args); builder.Services.AddSignalR(); var app = builder.Build(); app.MapGet("/", () => "Hello World!"); app.UseRouting(); app.UseEndpoints(endpoints => { endpoints.MapHub<ChatHub>("/chathub"); }); app.Run();concentrador.cs:
using Microsoft.AspNetCore.SignalR; namespace WebApp2 { public class ChatHub : Hub { public Task SendMessage(string user, string message) { return Clients.All.SendAsync("ReceiveMessage", user, message); } } }
pero resultado: imagen de resultado
agregue estos códigos a program.cs:
builder.Services.AddCors(options => { options.AddPolicy(name: "MyPolicy", builder => { builder.WithOrigins( "http://localhost:8081") .AllowAnyHeader() .AllowAnyMethod() .AllowCredentials(); }); });
Y
app.UseCors("MyPolicy");
