Angular: Handle Umleitung auf Login-Seite

Question

Ich begann mit Angular und bin total verloren.

Für den Anfang rufe ich eine einfache Rest-GET-Anfrage. Das Problem ist, dass sich das Ziel hinter einer externen Anmeldeseite befindet. Also wird meine Anfrage auf die externe Seite umgeleitet und meine Anwendung schlägt fehl.

Was ich möchte, ist diese Seite zu öffnen Ich werde umgeleitet. Und nachdem die Anmeldung erfolgreich war, sollte ich zur ersten angeforderten Seite weitergeleitet werden (aber das sollte von der externen Seite getan werden, denke ich).

Der mein Code so weit nicht wirklich fortgeschritten, aber hier ist es:

var app = angular.module('webUI', []) 
app.controller('Rest', function($scope, $http) { 
    $http.get('https://test/rest/monitoring') 
     .then(function successCallback(response) { 
       $scope.rest = response.data; 
      }, function errorCallback(response){ 

      }); 
}); 

Gibt es eine einfache Winkel Funktion vermisse ich, das würde das tun, was ich suche?

Edit: Hier ist die Fehlermeldung, die ich in meiner Browser-Konsole sehen (Chrom-> F12):

Redirect von 'https://test/rest/monitoring' auf 'https://someExternalURL/internal/login?TYPE=somethingVeryLong' wurde von CORS Politik blockiert: Nein ‚Zugang Der Header "Control-Allow-Origin" ist auf der angeforderten Ressource vorhanden. Origin 'null' ist daher nicht erlaubt.

Answer 1

Sie müssen Ihre umgeleitete URL in successCallback-Funktion innerhalb $ location.path ('/ someNewPath') ;. Sie müssen Abhängigkeiten für $ location in Ihren Controller injizieren.

 var app = angular.module('webUI', []) 
     app.controller('Rest', function ($scope, $http, $location) { 
      $http.get('https://test/rest/monitoring') 
       .then(function successCallback(response) { 
        $scope.rest = response.data; 
        $location.path('/someNewPath'); 
       }, function errorCallback(response) { 

       }); 
     }); 

Answer 2

Sie Winkel Routing verwenden sollten, sehen, warum hier https://www.w3schools.com/angular/angular_routing.asp und hier ein gutes Beispiel https://ui-router.github.io/ng1/tutorial/helloworld, sobald Sie Ihre Routen Config Sie dies tun können:

var app = angular.module('webUI', []) 
app.controller('Rest', function($scope, $http) { 
    $http.get('https://test/rest/monitoring') 
     .then(function successCallback(response) { 
       $scope.rest = response.data; 
       $state.go('login'); 
      }, function errorCallback(response){ 

      }); 
});