Javascript 错误：无法在“XMLHttpRequest”上执行“发送”：无法加载“文件”：AngularJS SPA
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/28922881/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file' : AngularJS SPA
提问by Raanan Sampanth
I'm very new to Angular SPA and for the first time I get a code by Googling and try to run. But I get some errors in Console. I couldn't figure out why, I found list of following Console errors:
我对 Angular 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
XMLHttpRequest 无法加载 file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/home.html。跨源请求仅支持以下协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。
错误：无法在“XMLHttpRequest”上执行“发送”：无法加载“file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/home.html”。XMLHttpRequest 无法加载 file:///C:/Users/hp/Downloads/single-page-app-angularjs-master/about.html。跨源请求仅支持以下协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。
错误：[$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>
回答by Mohit Singh
On Windows:
在 Windows 上：
chrome.exe --allow-file-access-from-files
or
或者
chrome.exe --allow-file-access-from-files --disable-web-security
On Mac:
在 Mac 上：
open /Applications/Google\ Chrome.app/ --args --allow-file-access-from-files
回答by Ahmed Adel
i faced something Like that and resolved by using application server like Glassfish...
我遇到了类似的事情，并通过使用应用程序服务器解决了Glassfish...
in other words using http://protocol instead of file://
换句话说，使用http://协议而不是file://
