Angularjs UI-Router blockiert den Zugriff auf nicht-staatliche Routen

Ich benutze Ui-Router in einer eckigen Website, die ich mache, aber kann es nicht bekommen Routen zu meinem Server zu ermöglichen. Ich habe facebook Oauth-Authentifizierung auf meinem Server, wo ich zu /auth/facebook navigieren und der Server wird auf fb umleiten, den Rückruf abfangen und den Client zurück zur Homepage umleiten.Angularjs UI-Router blockiert den Zugriff auf nicht-staatliche Routen

Es funktioniert gut bei der Navigation zu der /auth/facebook URL in einem Browser funktioniert es gut, aber UI-Router beobachtet Standort und fängt alle meine Standortänderungen ab.

Irgendwelche Ideen, wie ich eine URL-Anfrage machen kann umgehen dieAnweisung, um eine Route zu meinem API-Server zu ermöglichen? Ich habe versucht, Routenweiterleitungen mit dem Routeranbieter hinzuzufügen, aber es wird keinen Remoteanruf ausgelöst.

Quelle

2014-06-24 mrosales

In beiden Fällen die vollständige URL. – Jorg

es ist eine lokale URL, also jetzt bin ich auf einem Entwicklungsserver, so dass seine "http: // localhost: 9000/auth/facebook" UI-Router-Zustände in der Form "http: // localhost: 9000/about" sind. Es funktioniert auch gut, wenn ich nur HTML5-Modus deaktivieren. – mrosales

Ja, HTML5-Modus wäre meine nächste Frage gewesen. Angular entfernt den Hash-Knall und verwandelt 'index.html #/about/facebook' in'/about/facebook'. Wenn Sie es behalten möchten, können Sie möglicherweise etwas mit serverseitigem Zugriff wie htaccess tun. Sonst können vielleicht Angler Onroute Ereignisse ändern? – Jorg

Dank an die Jungs von angular-dart: Als Abhilfe können Sie ein ng-Click-Handler erstellen könnte, die window.location.assign('/auth/facebook') der Router zu umgehen

Quelle

2014-06-24 04:47:09 Jorg

mit 'ng-click' funktionierte nicht für mich, also habe ich nur' ng-click' aufgerufen, um eine Funktion auf meinem scope aufzurufen, die '$ window.location.assign ('/auth/'+ provider); ' – mrosales

Sie solche Anfragen in Ihrer App Config mit $urlRouterProvider umgehen kann:

$urlRouterProvider.when('/auth/:provider', function() { 
    window.location.reload(); 
});

Zweite Lösung: target="_self" auf Ihren Link wie folgt hinzufügen:

<a target="_self" ng-href="{{'/auth/'+provider}}">{{provider}}</a>

Duplicate of: angular.js link behaviour - disable deep linking for specific URLs

Quelle

2014-10-30 12:36:58

Angularjs UI-Router blockiert den Zugriff auf nicht-staatliche Routen

Antwort

Verwandte Themen