Question

我是Angular SPA的新手，我第一次通过Googling获取代码并尝试运行。但是我在Console中遇到了一些错误。我无法弄清楚原因，我找到了以下控制台错误列表：

XMLHttpRequest无法加载   文件：/// C：/Users/hp/Downloads/single-page-app-angularjs-master/home.html。   交叉源请求仅支持协议方案：http，   数据，chrome，chrome-extension，https，chrome-extension-resource。

错误：无法执行＆＃39;发送＆＃39; on＆＃39; XMLHttpRequest＆＃39;：无法加载   ＆＃39;文件：/// C：/Users/hp/Downloads/single-page-app-angularjs-master/home.html' ;.   XMLHttpRequest无法加载   文件：/// C：/Users/hp/Downloads/single-page-app-angularjs-master/about.html。   交叉源请求仅支持协议方案：http，   数据，chrome，chrome-extension，https，chrome-extension-resource。

错误：[$ compile：tpload]   http://errors.angularjs.org/1.3.3/ $编译/ 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>

Answer 1

在Windows上：

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

或

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

在Mac上：

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

Answer 2

我面对类似的事情并通过使用Glassfish ...

之类的应用服务器解决

换句话说，使用http://协议而不是file://

错误：无法执行＆＃39;发送＆＃39; on＆＃39; XMLHttpRequest＆＃39;：无法加载＆＃39;文件＆＃39; ：AngularJS SPA

2 个答案: