How to set a null value for "Content-Type" header in Angular interceptor?

Question

I have a specific request in my angular application, where I am uploading an image to the server with image details object. I am having an interceptor for a module's all api requests in the flow to append some common information for server, but for this specific request, I don't need the Content-Type header to be set as default to application/json.

Angular interceptor is adding application/json by default, now for file upload request, if I set:

"Content-Type": null
"Accept": multipart/form-data

The above works without interceptor when I put it in service method, so How can I modify Content-Type header and set it to null in Interceptor?

The main issue is below:

request.clone({body: examplebodyObject, setHeaders: { 'Content-Type': null }});

null or undefined is not accepted as header value in interceptor, I have also tried to delete the Content-Type header from the request, but still it does not work.

I have below code right now:

request = request.clone({ body: this.someFunction(request, 
otherParam), setHeaders: {
      'Accept': 'multipart/form-data'
    } });
request.headers.delete('Content-Type');

huan feng · Accepted Answer · 2020-08-20 07:01:19Z

1

You should modify the headers based on the cloned request, and pass the cloned request to next handler.

const clonedReq = request.clone()
clonedReq.headers.delete('Content-Type');
return next.handle(clonedReq);

edited Aug 20, 2020 at 7:01

answered Aug 20, 2020 at 6:51

huan feng

8,7043 gold badges40 silver badges66 bronze badges

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

10 Comments

Hope Over a year ago

I have mentioned in question that I tried to delete it, but it doesn't work

huan feng Over a year ago

Did you check the request header or response header?

Hope Over a year ago

Request header, even after deleting Content-Type, it still adds as application/json

huan feng Over a year ago

Could you please check it again? Request header not the response header.

huan feng Over a year ago

Found the sequence of the interceptors to ensure last one does not contain the 'Content-Type' set. clonedReq.headers.delete should work, just debug if there is any other issues.

|

Mahyar · Accepted Answer · 2020-08-20 05:46:44Z

0

Try the solution in this question How to add multiple headers in Angular 5 HttpInterceptor

Skip Content-Type like this:

  const newReq = req.clone({
    body: examplebodyObject,
    headers: new HttpHeaders({
      Accept: 'multipart/form-data'
    })
  });

answered Aug 20, 2020 at 5:46

Mahyar

711 silver badge4 bronze badges

1 Comment

Hope Over a year ago

I tried the above, it still adds "application/json" as Content-Type in request headers

Collectives™ on Stack Overflow

How to set a null value for "Content-Type" header in Angular interceptor?

2 Answers 2

10 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related