交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https

Question

我正在使用chrome和IE来解决这个问题。 我开发了HTML播放器，因为我使用XML来加载该播放器内的数据。 所有页面都是通过XML访问的。当我使用任何服务器在播放器中加载数据时工作正常。我现在使用WAMP服务器。 但现在我正在考虑将其作为离线版本并将其写入CD。 但是当我在没有服务器的情况下直接打开我的player.html文件时，XML数据不会加载。在控制台中显示以下错误。

XMLHttpRequest无法加载file：/// C：/wamp/www/TTT_BR/english.xml。 交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https。

Answer 1

您必须在服务器中运行您的应用程序，使用节点js

1-安装NodeJS //提示：如果您使用的是Mac，则需要安装和使用Homebrew

2-打开您最喜欢的终端模拟器

2-运行以下命令npm install http-server -g ： npm install http-server -g

3-运行以下命令启动http-server： http-server 'path/to/your/angular/root/directory' -o

最后一个命令 - 特别是-o标志 - 应该打开一个浏览器窗口：localhost：8080

或//使用cd查找目录应用程序
并使用此命令： http-server . -o http-server . -o

“” 表示您当前的目录

你可以看到： https ： //teamtreehouse.com/community/i-am-not-able-to-load-my-json-file

Answer 2

出于测试/开发目的，最简单的解决方案是使用firefox浏览器。

Answer 3

几乎每个人都默认在mac / linux上有python。 谁知道，很容易得到它。

python -m SimpleHTTPServer将为您提供本地服务器@ http：// localhost：8000 。 从那里，您可以访问您的应用程序所需的任何文件。

注意：对python版本3.0+使用python -m http.server

Answer 4

或者您可以在XAMPP控制面板中运行Apache和MySQL等Web服务器。 将文件夹放在/ htdocs / xampp文件夹中，然后使用localhost在浏览器中运行代码。