无法在 html 上加载存储在 aws s3 中的 csv 文件答案

【问题标题】：Not able to load csv file stored in aws s3 on html无法在 html 上加载存储在 aws s3 中的 csv 文件
【发布时间】：2019-04-30 00:37:00
【问题描述】：

我在同一个 s3 存储桶中有 csv 和 html 文件，为了访问它，我使用了 cloudFront 并将其映射到这个存储桶。现在，我想在 html 中加载这个 csv 数据，但它没有显示任何内容。我的云端 url 可以访问这两个文件，但它没有加载并且没有显示。这是我的代码：

<script>
$(document).ready(function(){
 $('#load_data').click(function(){
  $.ajax({
   url:"https://cloudfronturl/inventory.csv",
   dataType:"text",
   success:function(data)
   {
    alert("Here's lots of data, just a string: " + data);
    var isv_data = data.split(/\r?\n|\r/);
    var table_data = '<table class="table table-bordered table-striped">';
    for(var count = 0; count<isv_data.length; count++)
    {
     var cell_data = isv_data[count].split(",");
     table_data += '<tr>';
     for(var cell_count=0; cell_count<cell_data.length; cell_count++)
     {
      if(count === 0)
      {
       table_data += '<th>'+cell_data[cell_count]+'</th>';
      }
      else
      {
       table_data += '<td>'+cell_data[cell_count]+'</td>';
      }
            }
     }
     table_data += '</tr>';
    }
    table_data += '</table>';
    $('#isv_details').html(table_data);
   }
  });
 });
});

<html>
 <head>
  <title>ISV Details</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 </head>
 <body>
  <div class="container">
   <div class="table-responsive">
    <h1 align="center">ISV Details</h1>
    <br />
    <div align="center">
     <button type="button" name="load_data" id="load_data" class="btn btn-info">Load Data</button>
    </div>
    <br />
    <div id="isv_details">
    </div>
   </div>
  </div>
 </body>
</html>

【问题讨论】：

控制台或网络选项卡中是否有任何错误？
没有错误，实际上它显示在网络响应 csv 数据中，但 UI 上没有显示任何内容
此错误显示加载资源失败：服务器以 favicon.ico 403 () 状态响应，尽管此文件未在我的代码中调用，而且它显示为 cloudfronturl/favicon .ico，所以我不认为它相关

标签： javascript html ajax amazon-s3 amazon-cloudfront

【解决方案1】：

这已经解决，这是由于 chrom 中的错误，它试图找到一些不存在的 favicon.io，并通过添加解决：

 <link rel="icon" href="data:;base64,=">

【讨论】：