CORS error when using SignalR Core in angular app

Question

In CORS configuration, I am allowing OPTIONS method, but when I send a request, an error is thrown

OPTIONS http://x.x.x.x:port/function 405 (Method Not Allowed)

my CORS Policy in ConfigureServices method in Startup.cs is as follows:

services.AddCors(options =>
{
    options.AddPolicy("AllowAny", x =>
  {
    x.AllowAnyOrigin()
     .AllowAnyHeader()
     .WithMethods("POST", "OPTIONS");
  });
});

And it is used as follows:

app.UseCors("AllowAny");

Hub Code:

public async Task SendMessage(string user, string message) {
   string outputMessage = SensorsControl.controlSensors(message.ToString()); 
   await Clients.All.SendAsync("ReceiveMessage", user, outputMessage);
}

SignalR Code in angular:

this._hubConnection = new HubConnection('http://x.x.x.x:port/function'); 
this._hubConnection.start() 
                   .then(() => console.log('Connection started!')) 
                   .catch(err => console.log('Error while establishing connection')); 
this._hubConnection.on('ReceiveMessage', (user: string, outputMessage: string) => 
{ 
  const text = ${user}: ${outputMessage}; this.messages.push(text); 
});

You can also try adding the headers elsewhere. I've often used web.config for this purpose: gist.github.com/Jalalhejazi/5653347 — Svend
– Svend, Commented Jul 30, 2019 at 7:39

TheCondorIV · Accepted Answer · 2019-07-30 07:39:06Z

1

I solved it guys :D The problem was that my angular app was hosted on localhost which was supposed to be my IPv4 IP, but it turned to be 127.0.0.1 which is not understood by the SignalR server. With no changes, I served angular using ng serve --host 0.0.0.0, and then connected using my IPv4 IP, worked as charm :D thanks for your help tho! Cheers!!

answered Jul 30, 2019 at 7:39

TheCondorIV

6342 gold badges15 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CORS error when using SignalR Core in angular app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related