d3.csv 显示“XMLHttpRequest 无法加载”错误答案

【问题标题】：d3.csv show "XMLHttpRequest cannot load " errord3.csv 显示“XMLHttpRequest 无法加载”错误
【发布时间】：2016-06-13 02:48:42
【问题描述】：

在我的代码中，我使用的是d3.csv：

<head>
   <title>TODO supply a title</title>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
    <script>
      d3.csv("example.csv", function(data) {
        console.log(data);
      });
    </script>
    <div>TODO write content</div>
</body>

CSV 称为“example.csv” 包含：

Year    Make
1997    Ford
2000    Mercury

但是，当我运行程序时，我收到以下错误消息：

d3.v3.min.js:1 XMLHttpRequest 无法加载示例.csv。跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

我该如何解决？

【问题讨论】：

网址是否以file:// 开头？如果是这样，您的问题是您需要通过 HTTP 将页面提供给浏览器。如果您安装了 Python，python -mSimpleHTTPServer 是一种启动 Web 服务器的简单方法，该服务器将为当前目录的内容提供服务。
我将 csv 文件放在了路径：C:\Users\Jeffy\Desktop\Java\GoogleMap
可能我的问题不太清楚：浏览器地址栏中的 URL 是否以file:// 开头？
那么我的第一条评论是正确的。您需要通过 HTTP(S) 提供页面。
这可行，但您也可以在本地运行 Web 服务器。有很多方法可以做到这一点；我在第一条评论中提到了一个，@GerardoFurtado 提到了另一个。

标签： javascript html csv d3.js

【解决方案1】：

快速解决方法是使用此选项启动 chrome

-allow-file-access-from-files

【讨论】：