解决 D3.js 读取.csv文件，报错 -- 浏览器不能直接加载本地资源

解决 D3.js 读取.csv文件，报错（ Fetch API cannot load file:///E:/%E5%A4%A7%E5%B1%8F%E5%B1%95%E7%A4%BA/d3%E5%9F%BA%E7%A1%80B%E7%AB%99%E6%B8%85%E5%8D%8E%E5%8F%AF%E8%A7%86%E5%8C%96/hubeinxt.csv. URL scheme must be “http” or “https” for CORS request.）不用搭建服务器

Fetch API cannot load file:///E:/%E5%A4%A7%E5%B1%8F%E5%B1%95%E7%A4%BA/d3%E5%9F%BA%E7%A1%80B%E7%AB%99%E6%B8%85%E5%8D%8E%E5%8F%AF%E8%A7%86%E5%8C%96/hubeinxt.csv. URL scheme must be “http” or “https” for CORS request.

问题原因

浏览器不能直接加载本地资源

我使用的是vscode 运行网页后，浏览器地址栏，没有显示 localhost:XXXXXX，导致页面报错，读取不到csv文件。

解决办法

把项目用webstorm打开，运行网页，地址栏就带了端口号，这样就就可以加载csv资源了。
再分享一个 比较后端的解决方式 – 需要搭建创建服务器