Error Cross origin requests are only supported for HTTP when loading a local file

Question

I'm trying to load a 3D model into Three.js with JSONLoader, and that 3D model is in the same directory as the entire website.

I'm getting the error as 

 "Cross origin requests are only supported for HTTP." 

 but I don't know what's causing it nor how to fix it?

Answer 1

Hii @kartik,

You are loading the model using either file:// or C:/, which stays true to the error message as they are not http://

So you can either install a webserver in your local PC or upload the model somewhere else and use jsonp and change the url to:

http://example.com/path/to/model.

So even though your file originates from the same host (localhost), but as long as the scheme is different (http / file), they are treated as different origin.

Hope it helps!