Origin null is not allowed by Access-Control-Allow-Origin.
When I am running the following code:
-
For security reasons, browsers blocks Ajax HTTP requests (XHR) from different hosts (origins).
The
d3.json("...")function makes an Ajax request to your http://localhost/... and you are probably serving the HTML from a different host.Are you opening the .html as file in the browser? Thats considered a different host. You have some options there:
- Serve your HTML file from the same web server you are serving the json file
- Convert your .json into a .js adding something like
var mygeodata = {your json here}to the file and adding<script type="text/javascript" src="http://localhost/webserver/us-states.js"></script>in the HTML<head>while also removing thed3.json("...")part. After that you have a global variable with your data inmygeodata - Configure your web server to allow CORS.
If you are studying/prototype (by the looks of it) I would go with the second approach.
讨论(0) -
Very late to the party, but for anyone still having issues, it is really easy to set up an http-server instance with NPM from the directory containing all of your files you want to server.
You would just install
http-servergloballynpm i http-server -g, then run thehttp-serverfrom your root directory.Once the server is running, go to your browser and input the relative path prefixed with
localhost:[port][/path/to/file]. Port will be printed out from the command line when you run the http-server for the first time within your repo/directory, and the relative path starts with the directory you ran the http-server. This will properly serve files to the end user, without just copy and pasting a link to the literal local.讨论(0)
加载中...
- 热议问题