HTTP Basic Authorization header in request using AngularJS?

Question

I am trying to use AngularJS with an external API. The API uses HTTP Basic for authentication.

I have looked around at how to do this but nothing seems to work. The OPTIONS request is always sent without the Authorization header.

Here is some example code:

 var app = angular.module("BE", []);

        app.controller("NextCtrl", function ($scope, $http) {
            $http.defaults.headers.common['Authorization'] = 'Basic encoded_credentials';
            $http.get('http://api-url.com').
                success(function(data, status, headers) {
                  $scope.event = data.Event;
                  $scope.race = data.Race;
                  $scope.entrants = data.Entrants
                }).
                error(function(data, status, headers, config) {
                  // log error
            });

        });

How can I make my requests with the Authorization header set for every request?

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

You can't control that because OPTIONS is sent by a browser. A browser removes any authorization data in OPTION requests (see CORS W3C Recommendation).

In most cases Authorization header for OPTIONS-requests isn't needed because the response includes only CORS headers and doesn't perform any action.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Apr 3, 2014 at 6:45

meze

15.1k4 gold badges49 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

HTTP Basic Authorization header in request using AngularJS?

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