Question

我收到了这个错误，几个小时都在努力解决这个问题。我是MEAN堆栈开发的新手。我正在尝试在我的应用程序中实现会话管理。但坚持到这一点。

错误：

未捕获错误：[$ injector：unpr]未知提供商：$ cookiesProvider＆lt; - $ cookies＆lt; - YourHttpInterceptor＆lt; - $ http＆lt; - ng1UIRouter

angular.module('MyApp')
.factory('YourHttpInterceptor', ['$q', '$cookies', '$location',
function($q, $cookies, $location) {


   return {        
        'request': function(config) {

            console.log("req");
            config.headers = config.headers || {};
              if ($cookies.get('token')) {
                config.headers.Authorization = 'Bearer ' + $cookies.get('token');
              }
            return config;
        },       

        // Optional method
        'requestError': function(rejection) {
            // do something on request error 
            console.log("inside the request error");
            if (canRecover(rejection)) {
                return responseOrNewPromise
            }
            return $q.reject(rejection);
        },        

        // Optional method        
        'response': function(response) {
            // do something on response success
            console.log("inside the response ");
            return response;
        },

        // optional method 
        responseError: function(response) {
          if(response.status === 401) {
            $location.path('/login');
            // remove any stale tokens
            $cookies.remove('token');
            return $q.reject(response);
          }
          else {
            return $q.reject(response);
          }
        }
    };
}]);

感谢。

添加＆＃39; ngCookies＆＃39> 错误：

未捕获错误：[$ injector：modulerr]无法实例化模块 MyApp由于：错误：[$ injector：modulerr]无法实例化模块ngCookies由于：错误：[$ injector：nomod] Module＆＃39; ngCookies＆＃39; 不可用！您要么错误拼写了模块名称，要么忘了加载它。如果注册模块，请确保指定依赖作为第二个参数。

app.js

angular.module('MyApp', [
    'ngMaterial',
    'ngMdIcons',
    'ui.router',
    'ngCookies',
    'e3-core-ui.services', 
    'e3-core-ui.utils'  
])

.config(['$stateProvider', '$routeProvider','$httpProvider','$mdThemingProvider', '$mdIconProvider',  function($stateProvider, $routeProvider, $httpProvider, $mdThemingProvider, $mdIconProvider) { 
 $httpProvider.interceptors.push('YourHttpInterceptor');
...
enter code here

Answer 1

在index.html页面中，加载angular.js后必须加载angular-cookies：

<强>实施例：

<!-- Not minified, version 1.5.5 -->
<script src="https://code.angularjs.org/1.5.5/angular-cookies.js"></script>
<!-- Minified, version 1.5.5 -->
<script src="https://code.angularjs.org/1.5.5/angular-cookies.min.js"></script>

注意：尝试将您的版本设置为相同，如果您使用的是角1.5.5，那么这很好。如果没有，请务必根据需要设置您的版本。

Answer 2

步骤1：首先包括最新的lib：

步骤2：包含

angular.module（'MyApp'，[ 'ngCookies'， ]）

步骤3：然后在任何自定义服务中调用$ cookies。

像： app.factory（'myCookies'，['$ cookies'，功能（$ cookies） { var profileData = {};

profileData.setCookieData = function (userName, userId) 
{
    $cookies.put("userName", userName);
    $cookies.put("userId", userId);
};

profileData.getUserName = function () 
{
    return $cookies.get("userName");
};

profileData.getUserId = function () 
{
    return $cookies.get("userId");
};

profileData.remove = function () 
{
    $cookies.remove("userName");
    $cookies.remove("userId");
};

return profileData;

}]）;

这就是全部。

未捕获错误：[$ injector：unpr]未知提供者：$ cookiesProvider＆lt; - $ cookies＆lt; - YourHttpInterceptor＆lt; - $ http＆lt; - ng1UIRouter

2 个答案: