Angular 2 Http delete with Headers for consuming with Web API REST

Question

I used Angular 2 Release and using Http and Headers from @angular/http.

I try call verb delete, with Headers, and the others verbs POST, GET and PUT, all right. But with "DELETE", don't work.

My code :

remove(url:string, id:any) {
   let headers = new Headers();
   headers.append('Authorization': 'Bearer ' + this.token);
   return this.http.delete(url, {
        headers: headers;
        body: { id: id }
   }).map(response => response.json());
}

A response received is: the requested resource does not support http method 'delete'.

In my controller I have some like this:

[HttpDelete]
public Task<HttpResponseMessage> Delete(int id)
{
    //..
}

Thanks for help me, regards !!

What's the url you're passing client side and the route on server side? — Claudio Redi
– Claudio Redi, Commented Nov 24, 2016 at 19:33
I also guess this might be some url mistake. Make sure you debug and see if the url for delete is correct. Also, is your api in .net core? — jpgrassi
– jpgrassi, Commented Nov 25, 2016 at 8:46

jfreire · Accepted Answer · 2016-12-15 17:05:14Z

2

The solution that worked for me was, use query string, in this way:

remove(urlController:string, id:any){
   let headers = new Headers();
   headers.append('Authorization': 'Bearer ' + this.token);
   return this.http.delete(urlController + '/?id=' + id, {
    headers: headers;
    }).map(response => response.json());
}

example:

remove(urlController:string, id:any){
   let headers = new Headers();
   headers.append('Authorization': 'Bearer ' + this.token);
   return this.http.delete('users'+ '/?id=' + '2', {
    headers: headers;
    }).map(response => response.json());
}

answered Dec 15, 2016 at 17:05

jfreire

411 silver badge5 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:31:06Z

0

The problem is that your API server have to allow the HTTP DELETE Method. When you perform an HTTP DELETE Request, your browser send first an HTTP OPTIONS to the server; the server respond with an header Access-Control-Allow-Methods that contain the list of methods allowed.

you have to send an OPTION Response Header like this:

Access-Control-Allow-Methods: DELETE

Read more here: CORS support for PUT and DELETE with ASP.NET Web API

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Jan 28, 2017 at 9:28

Sandro Modarelli

4713 silver badges7 bronze badges

Comments

Burhan Mubarok · Accepted Answer · 2017-02-10 16:29:27Z

0

I use custom httpService extends from http and I faced the some problem, I just change url string, this is work for me:

this.httpService.delete(`${API_URL}Favorites/${id}`)

answered Feb 10, 2017 at 16:29

Burhan Mubarok

3542 silver badges8 bronze badges

Collectives™ on Stack Overflow

Angular 2 Http delete with Headers for consuming with Web API REST

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related