HTTP Basic Authentication GET request in AngularJS

Question

I have one GET endpoint.

It has HTTP Basic Authentication enabled. I want to create a GET request to the given end point.

https://example.com/api GET 

User Name :- admin

Password :- admin

My Code :-

$scope.listData = function() {
  $http.get('https://example.com/api').then(function(response) {
    $scope.items = response.data;
  });
}

What is the recommended way to pass the authentication?

You must pass the `Authorization` request header such that `Authorization: Basic [base64_encode('username' + ':' + 'password')]` — marekful, Jul 23 '18 at 11:51
duplicate of https://stackoverflow.com/questions/11876777/set-http-header-for-one-request — VinuBibin, Jul 23 '18 at 12:07

score 0 · Answer 1 · answered Jul 23 '18 at 11:57

0

Second argument for the GET is the header part. For ex.

$http.get('www.google.com/someapi', {
    headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
}).then()..;

answered Jul 23 '18 at 11:57

Bert Maurau

979
5
21

score 0 · Answer 2 · answered Jul 23 '18 at 12:08

the recommended method is http-interceptors. what interceptor do, you can assume its a hook which call on every api request and response, once you write it, it will automatically add token in every api request. below is the url you read the article.

Angular Authentication: Using the Http Client and Http Interceptors

HTTP Basic Authentication GET request in AngularJS

2 Answers2