Fehler bei der Verwendung des eckigen Routings erhalten Kreuzursprungsanforderungen werden nur für Protokollschemata unterstützt: http

Ich mache eckiges Routing und erhalte diesen Fehler.Fehler bei der Verwendung des eckigen Routings erhalten Kreuzursprungsanforderungen werden nur für Protokollschemata unterstützt: http

Dies ist meine HTML-Datei

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <script src="../Scripts/angular.min.js"></script> 
    <script src="../Scripts/angular-route.min.js"></script> 
    <script src="../Scripts/test.js"></script> 

    <script src="../Controllers/about.js"></script> 
    <script src="../Controllers/contact.js"></script> 
    <script src="../Controllers/home.js"></script> 
    </head> 
    <div ng-app="MyApp"> 
    <body> 
     <div class="navbar-header"> 
     <nav> 
      <ul> 
      <li><a href="#!/">Home</a></li> 
      <li><a href="#!/about">About Us</a></li> 
      <li><a href="#!/contact">Contact Us</a></li> 
      </ul>   
     </nav> 
     </div> 

     <div ng-view> 
     </div> 

    </body> 
    </div> 
</html>

Dies ist meine js-Datei.

var myapp= angular.module('MyApp',['ngRoute']); 
myapp.config(function($routeProvider) { 

    $routeProvider 
    .when('/',{ 
    templateUrl: 'home.html', 
    controller: 'mainController' 
    }) 
    .when('/about',{ 
    templateUrl: 'about.html', 
    controller: 'aboutController' 
    }) 
    .when('/contact',{ 
    templateUrl: 'contact.html', 
    controller: 'contactController' 
    }); 

});

Quelle

2017-06-27 Priyanka Taneja

Mögliche Duplikat [AngularJS Fehler: Kreuz Herkunft Anfragen werden nur für die Protokoll-Systeme unterstützt: http, Daten, Chrom-Erweiterung, https] (https://stackoverflow.com/questions/ 27742070/angularjs-error-cross-Ursprungsanforderungen-werden-nur-unterstützt-für-Protokoll-Schemata unterstützt) –

versuchen Sie den folgenden Code zu überprüfen. ich hoffe, dies wird dir helfen.

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script> 
 
<body> 
 

 
<div ng-app="MyApp"> 
 

 
     <div class="navbar-header"> 
 
     <nav> 
 
      <ul> 
 
      <li><a href="#!/">Home</a></li> 
 
      <li><a href="#!about">About Us</a></li> 
 
      <li><a href="#!contact">Contact Us</a></li> 
 
      </ul>   
 
     </nav> 
 
     </div> 
 

 
     <div ng-view> 
 
     </div> 
 

 
</div> 
 

 
<script> 
 
var myapp= angular.module('MyApp',['ngRoute']); 
 
myapp.config(function($routeProvider) { 
 

 
    $routeProvider 
 
    .when('/',{ 
 
    template: 'home page', 
 
    // controller: 'mainController' 
 
    }) 
 
    .when('/about',{ 
 
    template: 'about page', 
 
    // controller: 'aboutController' 
 
    }) 
 
    .when('/contact',{ 
 
    template: 'contact page', 
 
    //controller: 'contactController' 
 
    }); 
 

 
}); 
 
</script> 
 

 
<p>You can write the date in many different formats.</p> 
 

 
</body> 
 
</html>

Quelle

2017-06-27 17:03:29 Arun

Fehler bei der Verwendung des eckigen Routings erhalten Kreuzursprungsanforderungen werden nur für Protokollschemata unterstützt: http

Antwort

Verwandte Themen