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。“
使用网络服务器。不要使用file:///协议。 – dfsq
我需要使用tomcat,wamp等webserver来运行angularjs吗? – Jay
是的。然而,这不是关于Angular,而是现在浏览器强加的严格的网络安全策略。你需要使用http://协议。任何网络服务器都可以用于你的目的:Apache,Tomcat或非常简单的npm软件包,例如[lite-server](https://www.npmjs.com/package/lite-server),甚至是简单的python服务器-m SimpleHTTPServer 3000'。 – dfsq