Getting CORS error with angular and aspnet core

Question

I have a ASP.NET Core webapi and im trying to post to it with an Angular6 app. On the GET request it works fine, but when I try to make a post I always get this error:

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access

What I tried. Startup.cs:

services.AddMvc();

services.AddCors(options => options.AddPolicy("AllowCors",
            builder =>
            {
                builder
                    .AllowAnyOrigin()
                    .WithMethods("GET", "PUT", "POST", "DELETE", "OPTIONS")
                    .AllowAnyHeader();
            }));

 public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseCors("AllowCors");
        app.UseMvc();
    }

And In my controller:

[Route("api/[controller]")]
[EnableCors("AllowCors")]
public class SearchController : Controller {
    //code

   //Here I get the error
   [HttpPost("{term}")]
   public async Task SaveSearch([FromBody]dynamic request, string term)
   {
        _searchRepository.SaveSearch(term, request);
   }
}

On Angular app:

saveSearch(term: string, res:any) {
  this.http.post(`${this.serviceEndpoint}${term}`, {
    term: term, origin: res.countryCode, request: res
  }).subscribe();
});

EDIT:

I put the OPTIONS method too, but still getting the error.

I see services.AddCors(...) is there one where you have app.UseCors(...); under Configure()? — penleychan
– penleychan, Commented May 15, 2018 at 15:55
@RitwickDey I put the method OPTIONS, and still getting the error. — gog
– gog, Commented May 15, 2018 at 16:05

maio290 · Accepted Answer · 2018-05-15 15:54:04Z

1

CORS means that you have to configure Access-Control-Allow-Origin with a value of * (for all) on your application server.

Since Angular is making pre-flight requests, I highly recommend to add OPTIONS to the Access-Control-Allow-Methods configuration.

This is highly depended on the servers you're using, but you didn't state how you served your application. ;)

answered May 15, 2018 at 15:54

maio290

6,8081 gold badge27 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

Getting CORS error with angular and aspnet core

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