2016-04-26 76 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浏览器与该命令本地调试线路选项。