Angular Js Routing von Google Chrome-Problemen

8

Arbeitete am Basis-Routing in angular Js mit dem unten angegebenen Code1 und bekam " XMLHttpRequest kann nicht geladen werden. Kreuzursprungsanforderungen werden nur für Protokollschemata unterstützt: http, data, chrome-extension, https, chrome-extension-resource "Fehler und gegründet, dass wir lokalen Webserver verwenden müssen, um die gleiche und heruntergeladene MAMP zu beheben und hielt meine HTML [login.html] in htdocs Ordner den Server gestartet und ersetzt TemplateUrl mit [localhostURL / AngularJs / login.html '] als in Code2 erwähnt und erhalten Fehler von Fehler: [$ sce: insecurl] genauen Fehler sind unten angegeben, führen Sie mich mit einer Lösung, um das gleiche in Google Chrome zu beheben ...

Code 1

index.html

%Vor%

app.js

%Vor%

login.html

%Vor%

Code2

Alle anderen Dinge sind identisch mit Änderungen nur in app.js

%Vor%

Fehlercode1 : - XMLHttpRequest cannot load file://localhost/Users/karthicklove/Documents/Aptana%20Studio%203%20Workspace/Object_Javascript/Angular_Js/Routing/login.html. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.

Fehlercode2 : - [$ sce: insecurl] Ссылка $ sce / insecurl ? p0 = http% 3A% 2F% 2Flocalhost% 3A8888% 2FangularJs% 2Flogin.html bei Fehler (nativ)

    
Vinoth Kumar Subramanian 03.11.2014, 10:11
quelle

4 Antworten

7

Ich habe den ähnlichen Fehler bekommen. Ich habe eine Lösung dafür, wir können Routing in AngularJS nicht verwenden, indem wir es in Ihrem Dateisystem behalten. (d. h.) file: /// C: /Users/path/to/file.html? r = 4383065 'Wenn Sie mit dieser URL arbeiten, erhalten Sie einen Fehler. Der Routenanbieter verwendet das http-Protokoll. Also müssen Sie Ihren Code in den lokalen Host und dann vom Browser localhost / foldername / index.html ausführen. Führen Sie es nicht direkt aus dem Ordner

aus

Und ändern Sie auch Ihre Vorlage URL wie folgt

%Vor%

Wenn Sie Zweifel hier haben.

    
Anbarasu 26.11.2014 13:06
quelle
2

Wenn Sie eine Seite direkt von Chrome aus ausführen (Sie haben einfach auf eine HTML-Datei geklickt) und Ihr JavaScript versucht, einige Daten anzufordern, wird dieser Fehler angezeigt.

Grund: $ routeProvider verwendet den HTTP-Dienst zum Anfordern von Daten und diese Anforderung kann nicht gesendet werden, es sei denn, Sie verwenden einen Server wie Tomcat.

Lösung:

  1. Stellen Sie Ihre App auf einem beliebigen Server wie Tomcat auf Ihrem Computer bereit und öffnen Sie Ihre Seite über den Server.

  2. Wenn Sie glauben, dass Sie nur mit clientseitiger Codierung herumspielen, dann öffnen Sie die Datei besser in anderen Browsern wie Firefox / Safari.

BeingSuman 13.04.2015 07:49
quelle
0

Das Problem besteht wahrscheinlich darin, dass Sie Ihre Seite über einen anderen Port anzeigen (Port 80 ist der Standard-HTTP-Port), aber Sie greifen auf Port 8888 zu, so dass Sie dies als eine Cross-Origin-Anfrage sehen würden XSS-Angriff oder ähnliches.

Wenn Sie bereits am selben Port sind, ändern Sie die Vorlagen-URL in

%Vor%     
DrogoNevets 03.11.2014 10:33
quelle
0

Das hier erwähnte Problem ist gelöst, indem ich dies als eine Anwendung mache, d. h. wenn ich diese html + eckige js-Seite serverabhängig gemacht habe und auf dem Server lief, ist das Problem gelöst, es funktioniert gut in Google Chrome Browser ...

    
quelle