2016-04-26 72 views
2

1 HIangular.min.js的XMLHttpRequest不能加載文件

我收到錯誤爲「angular.min.js [

/* app.js */ 
 

 
var model = angular.module('app',['ui.router']); 
 

 
model.config(function($stateProvider, $urlRouterProvider){ 
 

 
\t $urlRouterProvider.otherwise('/home'); 
 
\t 
 
\t $stateProvider 
 
\t 
 
\t .state('home',{ 
 
\t \t url: '/home', 
 
\t \t templateUrl: 'view/home.html', 
 
\t \t controller: 'homeController' 
 
\t }) 
 

 
}); 
 

 
/* home.js */ 
 

 
model.controller('homeController',function($scope){ 
 

 
});
<!-- index.html --> 
 

 
<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t \t <title></title> 
 
\t \t <link rel="stylesheet" type="text/css" href="css/style.css" /> 
 
\t \t <script type="text/javascript" src="js/angular.min.js" ></script> 
 
\t \t <script type="text/javascript" src="js/angular-ui-router.min.js" ></script> 
 
\t \t <script type="text/javascript" src="controller/app.js" ></script> 
 
\t \t <script type="text/javascript" src="controller/home.js" ></script> 
 
\t </head> 
 
<body ng-app="app"> 
 
<header>Jayesh Shelar</header> 
 
<div id="view" ui-view> </div> 
 

 
</body> 
 
</html>

] 1!]:103 XMLHttpRequest無法加載文件只有協議方案支持交叉原始請求:http,data,chrome,chrome-extension,https,chrome-extension-resource。「

+0

使用網絡服務器。不要使用file:///協議。 – dfsq

+0

我需要使用tomcat,wamp等webserver來運行angularjs嗎? – Jay

+1

是的。然而,這不是關於Angular,而是現在瀏覽器強加的嚴格的網絡安全策略。你需要使用http://協議。任何網絡服務器都可以用於你的目的:Apache,Tomcat或非常簡單的npm軟件包,例如[lite-server](https://www.npmjs.com/package/lite-server),甚至是簡單的python服務器-m SimpleHTTPServer 3000'。 – dfsq

回答

5

您可以執行npm install http-server -g並使用http-server命令啓動項目文件夾中的服務器。

1

重新開始的命令行選項鉻 --allow-文件訪問從檔案

爲了安全起見,你可能希望有一個獨立的快捷方式啓動Chrome瀏覽器與該命令本地調試線路選項。