2

だから、私はAngularで書いたアプリケーションを持っています。私のログインが従来の非ajaxリクエストを介して行われることを除いて、これは本質的にSPAです。私が望むのは、サーバーが 401 を返したときにページをリダイレクトする (ルートを完全にバイパスする) ことだけです。それを考えると、そうする方が簡単なら、jQueryで信じられないほど簡単だったこのめちゃくちゃ厄介なハードルを乗り越えるためなら何でもします。認証Cookieを削除すると、無限ループに陥ります。

var manageModule = angular.module('manageModule', ['ngResource']);

manageModule.config(function($httpProvider, $routeProvider, $locationProvider) {

        $httpProvider.defaults.headers.put['Content-Type'] =
            'application/x-www-form-urlencoded';
        $httpProvider.defaults.headers.post['Content-Type'] =
            'application/x-www-form-urlencoded';


        $locationProvider.html5Mode(false);


        $httpProvider.interceptors.push(function($q, $window) {
            return {
                'responseError': function(rejection) {
                    var status = rejection.status;
                    if (status == 401) {
                        console.log('401 inside if');
                        $window.location.href = contextPath + '/logout';
                    }
                    return $q.reject(rejection);
                }
            }
        });


        $routeProvider
            .when('/majors', {
                templateUrl: contextPath+'/manage/majors',
                controller: ManageMajorsController
            })
            .when('/users', {
                templateUrl: contextPath+'/manage/users',
                controller: ManageUsersController
            })
            .when('/courses', {
                templateUrl: contextPath+'/manage/courses',
                controller: ManageCoursesController
            })
            .when('/notes', {
                templateUrl: contextPath+'/manage/notes',
                controller: ManageNotesController
            })
            .when('/manage', {
                templateUrl: contextPath+'/manage/majors',
                controller: ManageMajorsController
            });

});

ご協力いただきありがとうございます。

これはやや新しい動作のようです。リダイレクト ループにあったことを覚えています。いずれにせよ、コンソールに無限に出力されるのは次のとおりです。

Error: 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: [["fn: function (){var a=d.url(),b=f.$$replace;if(!m||a!=f.absUrl())m++,\nc.$evalAsync(function(){c.$broadcast(\"$locationChangeStart\",f.absUrl(),a).defaultPrevented?f.$$parse(a):(d.url(f.absUrl(),b),i(a))});f.$$replace=!1;return m}; newVal: 15; oldVal: 14"],["fn: function (){var a=d.url(),b=f.$$replace;if(!m||a!=f.absUrl())m++,\nc.$evalAsync(function(){c.$broadcast(\"$locationChangeStart\",f.absUrl(),a).defaultPrevented?f.$$parse(a):(d.url(f.absUrl(),b),i(a))});f.$$replace=!1;return m}; newVal: 16; oldVal: 15"],["fn: function (){var a=d.url(),b=f.$$replace;if(!m||a!=f.absUrl())m++,\nc.$evalAsync(function(){c.$broadcast(\"$locationChangeStart\",f.absUrl(),a).defaultPrevented?f.$$parse(a):(d.url(f.absUrl(),b),i(a))});f.$$replace=!1;return m}; newVal: 17; oldVal: 16"],["fn: function (){var a=d.url(),b=f.$$replace;if(!m||a!=f.absUrl())m++,\nc.$evalAsync(function(){c.$broadcast(\"$locationChangeStart\",f.absUrl(),a).defaultPrevented?f.$$parse(a):(d.url(f.absUrl(),b),i(a))});f.$$replace=!1;return m}; newVal: 18; oldVal: 17"],["fn: function (){var a=d.url(),b=f.$$replace;if(!m||a!=f.absUrl())m++,\nc.$evalAsync(function(){c.$broadcast(\"$locationChangeStart\",f.absUrl(),a).defaultPrevented?f.$$parse(a):(d.url(f.absUrl(),b),i(a))});f.$$replace=!1;return m}; newVal: 19; oldVal: 18"]]
    at Error (<anonymous>)
    at Object.e.$digest (http://localhost:8080/MetroCredit/static/bundle-main_defer.js:91:135)
    at Object.e.$apply (http://localhost:8080/MetroCredit/static/bundle-main_defer.js:92:431)
    at j (http://localhost:8080/MetroCredit/static/bundle-main_defer.js:101:80)
    at r (http://localhost:8080/MetroCredit/static/bundle-main_defer.js:104:449)
    at XMLHttpRequest.v.onreadystatechange (http://localhost:8080/MetroCredit/static/bundle-main_defer.js:106:90) bundle-main_defer.js:63
Uncaught Error: 10 $digest() iterations reached.
4

1 に答える 1

0

この問題に関連している可能性があります。

Angular のルーティングをまったく使用したくないときに、以前にコントローラーでこれを使用しました。

// Abort Angular JS default location change handling.
$scope.$on('$locationChangeStart', function(event, newUrl, oldUrl) {
  if (newUrl == $location.absUrl()) {
    event.preventDefault();
  }
});

あなたの場合、特定の URL のみを救済したいように見えるので、代わりにパターン マッチングを実行する必要がある場合がありますnewUrl == $location.absUrl()。

Angular のすべてのルーティング メカニズムを回避したかったため、これは完全には機能しない可能性があります。また、新しいバージョンとの互換性がどの程度かはわかりません。Angular 1.0.x リリースで使用しました。

于 2013-06-11T23:41:39.893 に答える