Обнаружена круговая зависимость в угловых js - PullRequest
Новая
       41

Обнаружена круговая зависимость в угловых js

0 голосов
/ 08 июня 2018

Попытка добавить заголовок перехватчика для каждого моего запроса, однако, он дает мне ошибку ниже.

Неопределенная ошибка: [$ injector: cdep] Обнаружена циклическая зависимость: $ http <- Auth <- httpRequestInterceptor <- $ http <- $ templateRequest <- $ route </p>

app.js 

var app= angular.module('myDemoApp',['ngRoute'])


app.factory('httpRequestInterceptor', ['Auth', function (Auth) {
  return {
    request: function (config) {

      config.headers['x-access-token'] = Auth.getToken();
      return config;
    }
  };
}]);

app.config(function ($httpProvider) {
  $httpProvider.interceptors.push('httpRequestInterceptor');
});

Служба аутентификации 

(function () {
    'use strict';

    myDemoApp.factory('Auth', ['$http', '$window', Auth]);

    /******Auth function start*****/
    function Auth($http, $window) {
        var authFactory = {};

        authFactory.setToken = setToken;
        authFactory.getToken = getToken;
        return authFactory;


        /*setToken function start*/
        function setToken(token) {

            if (token) {
                $window.localStorage.setItem('token', token);
            } else {
                $window.localStorage.removeItem('token');
            }

        }

        /*getToken function start*/
        function getToken() {
            return $window.localStorage.getItem('token')
        }

    }


})();

1 Ответ

0 голосов
/ 08 июня 2018

Вы не можете сделать это, потому что.

  1. Вы создали httpRequestInterceptor, который перехватывает все $http запросы.

  2. Сейчас, вы передаете Auth в httpRequestInterceptor.

  3. Если вы увидите, Auth использует $http запрос внутри себя.

  4. Итак, ваш interceptor может сам вызвать http запрос, используя Auth.

Следовательно, его круговая ошибка и angularjs не позволит вам сделать это!

Удалить $http из Auth factory ИЛИ не вставлять службу в перехватчик, который сам использует $http.

Я надеюсь, вы поняли, как создается цепочка бесконечных циклов, следовательно, ошибка circular dependency!

...