Добавить HTTP базовую аутентификацию для этого HTTP GET в angularjs

Question

У меня есть существующий код угловойа, который делает HTTP GET. Извлеченный ниже - некоторый код, соответствующий внутри контроллера.

.controller('imptViewCtrl', ['$scope', '$http', 
     function ($scope, $http,) { 
        var url = $configuration.webroot + '/impt/list?list=testlist'; 
        $http.get(url).then(function (response) { 
           tableData = response.data; 
           }); 
     }]); 

Я хотел бы добавить базовую аутентификацию HTTP в HTTP GET. Имя пользователя: foo, а пароль - bar. Как это может быть сделано?

Answer 1

Поскольку в базовой аутентификации имя пользователя и пароль декодируются base64. Сначала вам нужно найти библиотеку, чтобы сделать эту работу комфортной.

https://github.com/ninjatronic/angular-base64

После этого нагрузка base64 в ваши приложения и конфигурации заголовков.

angular 
    .module('myApp', ['base64']) 
    .config(function($httpProvider, $base64) { 
     var auth = $base64.encode("foo:bar"); 
     $httpProvider.defaults.headers.common['Authorization'] = 'Basic ' + auth; 
    }) 

Вы также можете указать заголовок аутентификации get функции seprately, если вам нравится.

var auth = $base64.encode("foo:bar"), 
    headers = {"Authorization": "Basic " + auth}; 
$http.get(url, {headers: headers}).then(function (response) { 

Answer 2

Вместо того чтобы использовать библиотеку для кодирования авторизацию на базе 64, вы могли бы просто использовать:

window.btoa("user:pass")

он поддерживается большинством браузеров.

https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/btoa