title: Django Rest Framework Authentication credentials were not provided
body: <p>I'm using <code>django-rest-auth</code> with <code>django-all-auth</code> on DRF and Angularjs. On any request regarding auth, I get the following error: </p>
  
  <pre><code>{"detail":"Authentication credentials were not provided."}
  </code></pre>
  
  <p>Going through SO, i've realised there are a lot of similar problems so accumulating them together, I tried the following:</p>
  
  <p><code>settings.py</code></p>
  
  <pre><code>INSTALLED_APPS = (
      'django.contrib.admin',
      'django.contrib.auth',
      'django.contrib.contenttypes',
      'django.contrib.sessions',
      'django.contrib.staticfiles',
      'django.contrib.sites',
      ...
      'rest_framework',
      'rest_framework.authtoken',
      'rest_auth',
      ...
      'allauth',
      'allauth.account',
      'rest_auth.registration',
      'allauth.socialaccount',
      'allauth.socialaccount.providers.facebook',
  
  )
  
  MIDDLEWARE_CLASSES = (
      'django.contrib.sessions.middleware.SessionMiddleware',
      'corsheaders.middleware.CorsMiddleware',
      'django.middleware.common.CommonMiddleware',
      'django.middleware.csrf.CsrfViewMiddleware',
      'django.contrib.auth.middleware.AuthenticationMiddleware',
      'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
      'django.contrib.messages.middleware.MessageMiddleware',
      'django.middleware.clickjacking.XFrameOptionsMiddleware',
  )
  
  DEFAULT_AUTHENTICATION = {
      'DEFAULT_AUTHENTICATION_CLASSES': (
          'rest_framework.authentication.OAuth2Authentication',
          'rest_framework.authentication.TokenAuthentication',
      ),
  }
  REST_FRAMEWORK = {
     'DEFAULT_PERMISSION_CLASSES': (
          'rest_framework.permissions.IsAdminUser'
     ),
  }
  AUTHENTICATION_BACKENDS = (
      "django.contrib.auth.backends.ModelBackend",
      "allauth.account.auth_backends.AuthenticationBackend"
  )
  TEMPLATE_CONTEXT_PROCESSORS = (
      "django.core.context_processors.request",
      "django.contrib.auth.context_processors.auth",
      "allauth.account.context_processors.account",
      "allauth.socialaccount.context_processors.socialaccount",
  )
  
  REST_SESSION_LOGIN = False
  </code></pre>
  
  <p>My <code>app.js</code> file</p>
  
  <pre><code>sgApp.config(['$routeProvider','$locationProvider', '$httpProvider',
      function($routeProvider, $locationProvider, $httpProvider){
          $routeProvider.when('/',{
              templateUrl: '/static/partials/index.html',
              controller: 'indexCtrl'
          }).when('/abc',{
              templateUrl: 'static/partials/index.html'
          }).otherwise({
              redirectTo: '/'
          });
          $locationProvider.html5Mode(true).hashPrefix('!');
          $httpProvider.defaults.xsrfCookieName = 'csrftoken';
          $httpProvider.defaults.xsrfHeaderName = 'X-CSRFToken';
      }
  ]).controller('someCtrl', function($scope, $http, $httpProvider){
         $scope.login = function() {
             Facebook.login(function(response) {
              var postDict = {
                  access_token: response.authResponse.accessToken
              }
              $http.post('/sgAuth/facebook/', postDict).
                  success(function(data){
                      $httpProvider.defaults.headers.common.Authorization = 'Token ' + data.key;
                      $scope.loggedIn = true;
                      $scope.userDetails(); //function that gets user details
                  });
          });
      };
  });
  </code></pre>
  
  <p>Where am I going wrong? </p>