D3.js - 从chrome加载csv文件

Question

我有一个带有dc.js（d3.js + crossfilter.js）和ndx.csv文件的webProject。当我从visual studio运行项目到chrome时，每个方面都很好。现在在构建项目并在其他计算机中复制之后，运行它 问题出在这里。当我尝试使用 Chrome 在其他计算机上运行webProject [html文件]时，此浏览器出现错误“ XMLHttpRequest无法加载文件：/// C：/ Users /9901/Desktop/WebSite1/ndx.csv。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource。“我搜索此问题，但还没有找到解决方案。 提示：

1. 我想使用浏览器“Chrome Portable”，否则没有IE和FireFox的问题
2. 我在运行中的地址栏：“ file：/// C：/Users/User-1/Desktop/WebSite1/Index.html ”。
3. 我在 其他计算机 中没有网络服务器。

Answer 1

如果您未与Chrome结婚，则可以使用Firefox。它默认工作。

Answer 2

我解决了我的问题：

1. 创建快捷方式并打开该属性。
2. 将 - allow-file-access-from-files 添加到目标字段字符串的末尾。

Answer 3

如果您不想使用本地Web服务器，可以从chrome Web商店安装CORS扩展。

1. 转到https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi
2. 安装CORS扩展
3. 启用扩展程序（您可以在地址栏旁边看到它的图标）
4. 打开你的html文件

Answer 4

我以前有同样的问题。 您无法从.csv文件中获取数据，因为主机和协议不同。

要解决此问题，您应该运行一个简单的Web服务器。 以下示例应该起作用。

  

npm install -g http-server

     

http服务器