2015-03-08 16 views
7

Jestem bardzo nowy w Angular SPA i po raz pierwszy dostaję kod przez Googling i próbuję uruchomić. Ale dostaję błędy w konsoli. Nie mogłem zrozumieć, dlaczego znalazłem listę następujących błędów konsoli:Błąd: Nie udało się wykonać 'wyślij' w 'XMLHttpRequest': Nie udało się wczytać 'pliku': AngularJS SPA

XMLHttpRequest cannot load file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/home.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/home.html'. XMLHttpRequest cannot load file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/about.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Error: [$compile:tpload] http://errors.angularjs.org/1.3.3/ $compile/tpload?p0=home.html

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Single page web app using Angularjs</title> 


<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
    <script src="script.js"></script> 


</head> 
<body ng-app="single-page-app"> 
    <div ng-controller="cfgController"> 
    <div> 
    <nav class="navbar navbar-inverse" role="navigation" style="padding-left:130px;"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#/">Home<span class="sr-only">(current)</span></a></li> 
     <li><a href="#/about">About us</a></li> 
     <li><a href="#/about">Read tutorial</a></li> 
     </ul> 
</nav> 
</div> 
    <br/> 

    <div ng-view class="jumbotron"></div> 
    </div> 
</body> 
</html> 
+0

wydaje używasz do Cors wydania: http://en.wikipedia.org/wiki/Cross-origin_resource_sharing – BuddhistBeast

+1

Zazwyczaj Ajax ISN” t obsługiwane przy użyciu 'file: //'. Będziesz chciał służyć i uzyskać dostęp do strony za pośrednictwem serwera HTTP. Uwaga: [http statyczne jednokomorowe serwery] (https://gist.github.com/willurd/5720255) –

+0

Myślę, że ten problem ma tak wiele rozwiązań, których używałem do wywoływania ajaxów. Początkowo nie zrozumiałem błędu, ale to nic innego, jak nie włączono mojej ---- >>>> sieci. – santhosh

Odpowiedz

12

w systemie Windows:

chrome.exe --allow-file-access-from-files 

lub

chrome.exe --allow-file-access-from-files --disable-web-security 

Na Mac:

open /Applications/Google\ Chrome.app/ --args --allow-file-access-from-files 
+0

Gdzie muszę wpisać to w systemie Windows? – URL87

+0

Tak w systemie Windows lub na komputerze Mac można uruchamiać powyższe komendy: – Moitt

+2

Command for Ubuntu? –

1

wychodził coś takiego i rozwiązać przy użyciu serwera aplikacji jak Glassfish ...

innymi słowy za pomocą http:// protokół zamiast file://