无“访问控制-允许-源”：读取 CSV、D3 [重复]

Question

我试图从源代码中读取csv格式https://stats.oecd.org/Index.aspx?DataSetCode=WILD_LIFE.

设 x 为上面的网址。

 <script type="text/javascript">  
  var data_threatened = d3.csv(x)
   .then(function(data){
    console.log(data);
  })  
  </script>

但是，当我在本地主机上运行此脚本时，我收到以下消息：

“获取”的访问权限https://stats.oecd.org/Index.aspx?DataSetCode=WILD_LIFE“从起源”http://localhost:8888'已被CORS策略阻止：请求的资源上不存在'Access Control Allow Origin'标头。如果不透明响应满足您的需求，请将请求的模式设置为“无cors”，以获取禁用cors的资源。

未捕获(在promise中)类型错误:无法提取

这个街区附近有路吗？

Answer 1

获取文件并从与脚本运行相同的来源提供它将是最容易的。例如。PHP不关心CORS（假设该文件偶尔会更改）。如果它没有更改，即使手动将其放置在那里也足够了。

要让服务器端脚本获取文件，然后将其作为同源文件提供，而不缓存它:

<?php
    $url = "https://stats.oecd.org/Index.aspx?DataSetCode=WILD_LIFE";
    header("Content-type: text/csv");
    echo file_get_contents($url);
?>

任何服务器端脚本语言都应该能够做到这一点;我使用PHP只是为了提供一个例子。人们可以将WILD_LIFE作为变量，以便它可以用来获取任何数据集。