Set Http headers for Angular to fix 401 REST API Authentication Error

Question

I have this error 401 returning from API server (Authentication Error)

Can someone tell me what I'm doing wrong when passing the header?

  HEADER_ZENVIA: {
    "X-API-TOKEN": "xxx",
    "Content-Type": "application/json",
  },

My Code:

sendMessage(
    numeroDestino: string,
    nomeEmpresa: string,
    numeroVaga: string,
    nomeCliente: string,
    nomeRecrutadora: string
  ) {
    const contentsTemplate = {
      type: "template",
      templateId: this.templateID,
      fields: {
        nome_empresa: nomeEmpresa,
        numero_vaga: numeroVaga,
        nome_cliente: nomeCliente,
        nome_recrutadora: nomeRecrutadora,
      },
    };
    return this.http.post(`${API_ZENVIA_URL}`, {
      body: {
        from: BOT_NUMBER,
        to: `${numeroDestino}`,
        contents: [{ ...contentsTemplate }],
      },
      headers: { ...HEADER_ZENVIA },
    });
  }

PostMan Works:

Since it's a 401, it's most likely an issue with the API_TOKEN. Check your request headers, see if both your headers went through. Also check if your API token is still valid. Maybe it expired. — JossFD
– JossFD, Commented May 10, 2021 at 2:01
If you copy the network request as a Curl command and import it into postman does it work (or is that what your postman example is)? — Ben L
– Ben L, Commented May 10, 2021 at 2:03
I tryed with post man and works. The problem is not API_TOKEN — Alex
– Alex, Commented May 10, 2021 at 2:08

Rachid O · Accepted Answer · 2021-05-10 04:32:23Z

1

If you want to set headers for an http.post you should use the HttpHeaders class

import { HttpClient, HttpHeaders } from '@angular/common/http';

// ...

const headers = new HttpHeaders()
  .set('Content-Type', 'application/json')
  .set('X-API-TOKEN', API_TOKEN);
const body = {
    from: BOT_NUMBER,
    to: `${numeroDestino}`,
    contents: [{ ...contentsTemplate }],
  }

     return this.http.post(API_ZENVIA_URL, body, { headers: headers })

answered May 10, 2021 at 4:32

Rachid O

14.3k16 gold badges73 silver badges97 bronze badges

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

Collectives™ on Stack Overflow

Set Http headers for Angular to fix 401 REST API Authentication Error

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