D3.js加载本地json文件的问题

2016-11-09 D3.js 阅读量

问题

打开本地html文件时，报错如下

1
2
3

XMLHttpRequest cannot load file:/cities.csv. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load

分析

原因是因为浏览器为了安全性考虑，默认对跨域访问禁止，不允许直接读取本地文件。

解决

给浏览器传入启动参数（allow-file-access-from-files），允许跨域访问。
Windows下，运行（CMD+R）或右键桌面快捷方式->属性->目标：

1	"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files