Trouble with Angular HttpClient delete statement

Question

Here is my call to the delete method to the service from the component.

  constructor(private wos: WorkorderService) {}
  canceled(workOrder) {
    this.wos.deleteWorkOrder(workOrder);
  }

Here is the delete method on the service.ts file

 deleteWorkOrder(workOrder) {
   this.http.delete(this.BASE_URL + '/deleteworkorder/' + 
   workOrder.accountNumber).subscribe((response) => {
    console.log("deleted");
  })
}

And this is the error message I get on the console:

ERROR Object { headers: {…}, status: 0, statusText: "Unknown Error", url: null, ok: false, name: "HttpErrorResponse", message: "Http failure response for (unknown url): 0 Unknown Error", error: error }

The API works fine as I have tried the statement with Postman. Please advise!

This is what I see on the network section of the browser:

You probably didn't setup CORS on your server, so the angular app may not send AJAX requests to the server. Google for CORS. — JB Nizet
– JB Nizet, Commented Apr 15, 2018 at 18:04
@JB Nizet, CORS is all setup. The get & post command works, it is just the delete not working — Sumchans
– Sumchans, Commented Apr 15, 2018 at 18:05
Have you looked in the network panel of the browser dev tools? Does the CORS config authorize DELETE requests? — JB Nizet
– JB Nizet, Commented Apr 15, 2018 at 18:06
Yes, you are, but the browser refuses to send it because it may not, according to the response to the pre-flight OPTIONS request. AFAIK, the Allow: Delete header should be Access-Control-Allow-Methods: DELETE. — JB Nizet
– JB Nizet, Commented Apr 15, 2018 at 19:26
Somewhere, in the CORS configuration on your server, that is apprently incorrect. — JB Nizet
– JB Nizet, Commented Apr 16, 2018 at 6:34

Natxo · Accepted Answer · 2019-03-01 08:39:33Z

1

This issue has driven me crazy for quite a long time. Just in case it can help anybody, my problem was the version of the .NET Core SDK: I had the version 2.2.101 and I had to upgrade to the 2.2.104. Cheers!

answered Mar 1, 2019 at 8:39

Natxo

511 gold badge1 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

Trouble with Angular HttpClient delete statement

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