交叉源请求仅支持协议方案: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-运行以下命令安装http-server: npm install http-server -g

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

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

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

"" 表示您当前的目录

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

Answer 2

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