"Cross Origin Requests Are Only Supported For Http." Error When Loading a Local File

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

My crystal ball says that 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

Origin is defined in RFC-6454 as

   ...they have the same
   scheme, host, and port.  (See Section 4 for full details.)

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.

Cross origin requests are only supported for HTTP but it's not cross-domain

You need to actually run a webserver, and make the get request to a URI on that server, rather than making the get request to a file; e.g. change the line:

    $.get("C:/xampp/htdocs/webname/resources/templates/signup.php",

to read something like:

    $.get("http://localhost/resources/templates/signup.php",

and the initial request page needs to be made over http as well.

CORS Error: “requests are only supported for protocol schemes: http…” etc

XMLHttpRequest cannot load localhost:4201/ticker. Cross origin
requests are only supported for protocol schemes: http, data, chrome,
chrome-extension, https.

Any time you see that “only supported for protocol schemes” message, it almost certainly means you’ve just forgotten to put the https or http on the request URL in your code.

So in this case, the fix is to use the URL http://localhost:4201/ticker in your code here:

this._baseUrl = 'http://localhost:4201/';

…because without the http:// there, localhost:4201/ticker isn’t really the URL you intend.

XMLHttpRequest cannot load file. Cross origin requests are only supported for HTTP

If you are doing something like writing HTML and Javascript in a code editor on your personal computer, and testing the output in your browser, you will probably get error messages about Cross Origin Requests. Your browser will render HTML and run Javascript, jQuery, angularJs in your browser without needing a server set up. But many web browsers are programed to watch for cross site attacks, and will block requests. You don't want just anyone being able to read your hard drive from your web browser. You can create a fully functioning web page using Notepad++ that will run Javascript, and frameworks like jQuery and angularJs; and test everything just by using the Notepad++ menu item, RUN, LAUNCH IN FIREFOX. That's a nice, easy way to start creating a web page, but when you start creating anything more than layout, css and simple page navigation, you need a local server set up on your machine.

Here are some options that I use.

1. Test your web page locally on Firefox, then deploy to your host.
2. or: Run a local server

Test on Firefox, Deploy to Host

1. Firefox currently allows Cross Origin Requests from files served from your hard drive
2. Your web hosting site will allow requests to files in folders as configured by the manifest file

Run a Local Server

• Run a server on your computer, like Apache or Python
• Python isn't a server, but it will run a simple server

Run a Local Server with Python

Get your IP address:

• On Windows: Open up the 'Command Prompt'. All Programs, Accessories, Command Prompt
• I always run the Command Prompt as Administrator. Right click the Command Prompt menu item and look for Run As Administrator
• Type the command: ipconfig and hit Enter.
• Look for: IPv4 Address . . . . . . . . 12.123.123.00
• There are websites that will also display your IP address

If you don't have Python, download and install it.

Using the 'Command Prompt' you must go to the folder where the files are that you want to serve as a webpage.

• If you need to get back to the C:\ Root directory - type cd/
• type cd Drive:\Folder\Folder\etc to get to the folder where your .Html file is (or php, etc)
• Check the path. type: path at the command prompt. You must see the path to the folder where python is located. For example, if python is in C:\Python27, then you must see that address in the paths that are listed.
• If the path to the Python directory is not in the path, you must set the path. type: help path and hit Enter. You will see help for path.
• Type something like: path c:\python27 %path%
• %path% keeps all your current paths. You don't want to wipe out all your current paths, just add a new path.
• Create the new path FROM the folder where you want to serve the files.
• Start the Python Server: Type: python -m SimpleHTTPServer port Where 'port' is the number of the port you want, for example python -m SimpleHTTPServer 1337
• If you leave the port empty, it defaults to port 8000
• If the Python server starts successfully, you will see a msg.

Run You Web Application Locally

• Open a browser
• In the address line type: http://your IP address:port
• http://xxx.xxx.x.x:1337 or http://xx.xxx.xxx.xx:8000 for the default
• If the server is working, you will see a list of your files in the browser
• Click the file you want to serve, and it should display.

More advanced solutions

• Install a code editor, web server, and other services that are integrated.

You can install Apache, PHP, Python, SQL, Debuggers etc. all separately on your machine, and then spend lots of time trying to figure out how to make them all work together, or look for a solution that combines all those things.

I like using XAMPP with NetBeans IDE. You can also install WAMP which provides a User Interface for managing and integrating Apache and other services.

Cross origin requests are only supported for HTTP not fixed even after Chrome --allow-file-access-from-files

Different port number cause the cross origin issue as well:http: //localhost:8000 access a json file which is from http: //localhost:8080. There are various ways to resolve cross-origin resource accessing issue, such as CORS, Server-proxy and JSONP.

I think you could try to use JSONP to solve this issue in your case.

Step 1: Update the dashboard.json and change the file type to javascript. (Refer to this doc if you want to know how JSONP works)

//assume that the json data looks like this {tabs:[{id:"1",name:"tab1",status:"on"},{id:"2",name:"tab2",status:"off"}]}
var data = {tabs:[{id:"1",name:"tab1",status:"on"},{id:"2",name:"tab2",status:"off"}]};        
onGetDashboardJSON(data);

Step 2: Use $.ajax to fetch cross origin json data in JSONP way

$.ajax({
    url: "http://localhost:8080/dashboard.js",
    dataType:"jsonp",
    success: function(response){

    },
    error: function(response){

    }
});

function onGetDashboardJSON(result){
    //do anything you want with the JSON 
    console.log(result);
}

Hope this helpful.

external paperscript file is not loading at all in my html file

At first sight, I would say that your PaperScript code is not run because you load the wrong version of Paper.js.

You are loading paper-core.js which is the version of Paper.js that does not support PaperScript. You should load paper-full.js instead.

---

Related Topics