跨源请求仅支持协议方案:http、data、chrome、chrome-extension、https



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

XMLHttpRequest 无法加载 file:///C:/wamp/www/TTT_BR/english.xml。跨源请求仅支持协议方案:http、data、chrome、chrome-extension、https。

你必须在服务器中运行你的应用,使用 node js

1-安装NodeJS//提示:如果您使用的是Mac,则需要为此安装和使用Homebrew

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

2-通过运行安装http服务器:npm install http-server -g

3-通过运行以下命令启动http服务器: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

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

默认情况下,几乎每个人都在mac/linux上使用python。谁做,可以轻易得到它。

python -m SimpleHTTPServer会给你一个本地服务器@http://localhost:8000。从那里,您可以访问您想要的应用程序的任何文件。

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

或者

你可以在XAMPP控制面板中运行像Apache和MySQL这样的Web服务器。将你的文件夹放在/xampp 文件夹中的/htdocs 中,并使用 localhost 在浏览器中运行你的代码。

最新更新