getjson问题加载资源失败

如何解决getjson问题加载资源失败

这是我的js页面上的代码

$("#get-data").click(function() {
  var showData = $("#show-data");

  $.getJSON("https://data.iledefrance.fr/api/records/1.0/search/?dataset=repertoire-bibliotheques&q=&refine.typeinst=Mus%C3%A9e",function(data) {
    var records = data.results;

    for (var i = 0; i < records.length; i++) {
      var musee = records[i];
      var html = '<div class="card">' + '<p>' + musee.noMetablissement + '</p>' + '<p>' + musee.nomrue + '</p>' + '<p>' + musee.codepostal + '</p>' + '<p>' + musee.commune + '</p>' + '<p>' + musee.descoll + '</p>' + '</div>';
      showData.append(html);
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>
  Les musées à Paris
</h1>
<div class="container">
  <div class="vertical-center">
    <button href="#" id="get-data">
      <span id="textbut">Découvrez les différents musées parisiens</span>
    </button>
    <div id="show-data"></div>
  </div>
</div>

我不知道我在哪里犯了错误，因为控制台告诉我有2个错误，分别对应于：加载资源失败：服务器以状态404（）响应