javascript - Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https - Stack

I'm facing this issue with chrome and IE. I have developed HTML player in that i used XML to load the data inside that player. all pages have been accessed through XML.it work fine when I use any server to load that data inside player.I use WAMP server now. But now I'm thinking about making it as an offline version and write it inside CD. but when I open my player.html file directly without having server, the XML data not going to load.it showing following error in the console.

XMLHttpRequest cannot load file:///C:/wamp/www/TTT_BR/english.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

I'm facing this issue with chrome and IE. I have developed HTML player in that i used XML to load the data inside that player. all pages have been accessed through XML.it work fine when I use any server to load that data inside player.I use WAMP server now. But now I'm thinking about making it as an offline version and write it inside CD. but when I open my player.html file directly without having server, the XML data not going to load.it showing following error in the console.

XMLHttpRequest cannot load file:///C:/wamp/www/TTT_BR/english.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

• javascript
• xml
• google-chrome
• google-chrome-extension

Share Improve this question Follow asked May 12, 2017 at 11:16 Amit GolharAmit Golhar 80944 gold badges1010 silver badges2222 bronze badges 5

• Does your extension have file checkbox enabled on chrome://extensions page? – woxxom Commented May 12, 2017 at 17:15
• @wOxxOm I don't have checked any check box. Even I don't have added any extensions which can affect for loading my XML offline.I have used $ajax load method to load the XML data. when I use wamp it works fine, but I'm not able to see access that XML data in the offline version. function loadXmlFile(selFile){ $.ajax({ url:selFile+'.xml', method:'GET', datatype:'xml', success:function(data){ xmlDataLoad(data); } }); – Amit Golhar Commented May 15, 2017 at 5:20
• To see the checkbox first enable "developer mode" on that page. – woxxom Commented May 15, 2017 at 5:25
• @wOxxOm - I have checked that developer mode but, still throwing some error in the console. jquery-1.11.3.js:9664 XMLHttpRequest cannot load file:///C:/wamp/www/TK_B00/english.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. ​ – Amit Golhar Commented May 15, 2017 at 5:53
• Possible duplicate of "Cross origin requests are only supported for HTTP." error when loading a local file – user719662 Commented Jul 8, 2017 at 13:06

Add a comment  | 

4 Answers 4

Sorted by: Reset to default 19

you must run your app in the server , use node js

1- Install NodeJS // Hint: If you're on a Mac, you want to install and use Homebrew for this

2- Open your favorite terminal emulator

2- Install http-server by running: npm install http-server -g

3- Start http-server by running: http-server 'path/to/your/angular/root/directory' -o

That last command — specifically, the -o flag — should open a browser window at: localhost:8080

OR// use cd to find your directory app
and use this command : http-server . -o

"." mean your current directory

you can see : https://teamtreehouse.com/community/i-am-not-able-to-load-my-json-file

for testing/development purposes, the simplest solution is to use firefox browser.

Pretty much everyone has python on mac/linux by default. Who doesent, can easily get it.

python -m SimpleHTTPServer will give you a local server @ http://localhost:8000. From there you can access whatever file you'd like for your app.

Note: use python -m http.server for python versions 3.0+

Or you can run a web server like Apache and MySQL in XAMPP Control Panel. Put your file folder inside /htdocs inside /xampp folder and run your code in the browser using localhost.