can't access api using angular

Question

I have an API, which I need to consume to create reports, However that API requires username and password to access it, by using curl command I can access the API

curl -X GET "https://SomeApiCall/api/v1/customers/" -H "accept:application/json; charset=UTF-8" -u "username:password"

but when I am trying to use same API using angular I am getting below error

key:"api.error.invalid_auth_schema"
message: "Invalid authentication scheme is used. Only Basic Authentication scheme is supported (login and password should be provided)"

Angular sample code:

 this.data = this.http.get("https://SomeApiCall/api/v1/customers/" , {
      headers: new HttpHeaders({
        'Authorization': 'Basic' + btoa('username:password'),
        'Content-Type':  'application/json'
      })
    });

Can someone explain, what mistake I am making ?

@jonrsharpe, Deipirscher : yeah you both are right, thanks alot :) — Shreya Singh
– Shreya Singh, Commented Jan 25, 2021 at 8:34

jonrsharpe · Accepted Answer · 2021-01-25 09:20:53Z

1

I think the problem is that you don't have a space after 'Basic'. Change to:

 this.data = this.http.get("https://SomeApiCall/api/v1/customers/" , {
  headers: new HttpHeaders({
    'Authorization': 'Basic ' + btoa('username:password'),
    'Content-Type':  'application/json'
  })
});

edited Jan 25, 2021 at 9:20

jonrsharpe

123k31 gold badges277 silver badges488 bronze badges

answered Jan 25, 2021 at 8:30

alapaah

3632 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

can't access api using angular

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