Спутник Http Interceptor

Question

В настоящее время я использую библиотеку satellizer для аутентификации с помощью веб-токена json. На бэкэнде я проверил API и аутентификацию, и все работает. Кстати, я использую аутентификацию Twitter.

Находясь на внешнем интерфейсе, который является угловой частью, после того как я прошел аутентификацию с помощью твиттера и успешно перенаправил на домашнюю страницу, я не смог получить информацию о пользователе при каждом переходе в / profile, он не отображает информацию о пользователе и когда я проверяю вкладку сети в Google Chrome Angular даже не вызывает маршрут / api / me из серверной части.

Я считаю, что это как-то связано с перехватчиком Http. Заголовок авторизации устанавливается как x-access-token как во внешнем, так и во внутреннем интерфейсе.

Вот код

app.js

angular.module('MyApp', [ 'ngMessages','ngRoute', 'ui.router','satellizer'])

  .config(function($authProvider) {

         // Twitter
    $authProvider.authHeader = 'x-access-token';
    $authProvider.httpInterceptor = true; // Add Authorization header to HTTP request
    $authProvider.tokenPrefix = 'twitterAuth'; // Local Storage name prefix


    $authProvider.twitter({
      url: '/auth/twitter',
      type: '1.0',
      popupOptions: { width: 495, height: 645 }
    });


  })



  .config(function($stateProvider, $urlRouterProvider,$locationProvider) {
    $stateProvider
      .state('home', {
        url: '/',
        templateUrl: 'app/views/home.html'
      })
      .state('login', {
        url: '/login',
        templateUrl: 'app/views/login.html',
        controller: 'LoginCtrl'
      })
      .state('profile', {
        url: '/profile',
        templateUrl: 'app/views/profile.html',
        controller: 'ProfileCtrl',
      })
      .state('logout', {
        url: '/logout',
        template: null,
        controller: 'LogoutCtrl'
      })


    $urlRouterProvider.otherwise('/');
    $locationProvider.html5Mode(true);


  })

контроллеры login.js

angular.module('MyApp')
  .controller('LoginCtrl', function($scope, $auth) {

    $scope.authenticate = function(provider) {
      $auth.authenticate(provider);
    };

  });

profile.js

angular.module('MyApp')
  .controller('ProfileCtrl', function($scope, $auth, Account) {
    $scope.getProfile = function() {
      Account.getProfile()
        .success(function(data) {
          $scope.user = data;
        })
    };
  });

сервисы account.js

angular.module('MyApp')
  .factory('Account', function($http) {
    return {
      getProfile: function() {
        return $http.get('/api/me');
      }
    };
  });

Просмотры profile.html

<div class="container">
  <div class="panel panel-default">
    <div class="panel-heading">Profile</div>
    <div class="panel-body">
      <form method="post">
        <div class="form-group">
          <label class="control-label">Profile Picture</label>
          <img class="profile-picture" ng-src="{{user.picture || 'http://placehold.it/100x100'}}">
        </div>
        <div class="form-group">
          <label class="control-label"><i class="ion-person"></i> Display Name</label>
          <input type="text" class="form-control" ng-model="user.displayName" />
        </div>
        <div class="form-group">
          <label class="control-label"><i class="ion-at"></i> Email Address</label>
          <input type="email" class="form-control" ng-model="user.email" />
        </div>

      </form>
    </div>
  </div>
</div>

Это то место, где должна отображаться информация пользователя из аутентификации в твиттере, на бэкэнде все отображается, когда я использую Chrome почтальон.

Последние 4 часа я дергал себя за волосы, так что я тут не так сделал?

Answer 1

Я пропускаю звонок в ProfileCtrl $scope.getProfile, Попробуй это:

angular.module('MyApp')
  .controller('ProfileCtrl', function($scope, $auth, Account) {
      Account.getProfile()
        .success(function(data) {
          $scope.user = data;
        });
  });