从S3获取JSON数据并创建html列表时出现问题

Question

我有一个在S3上托管的json文件，我试图将其用于在无序列表中编写链接。 当我通过本地托管来测试我的json数据时，使用json-server（在NPM上），它完全正常。 但是，从S3获取时，它不会写出列表，即使唯一的区别是json的托管位置。 我解决了S3的权限问题，我已经成功获取它，因为我能够将json数据记录到控制台，但无法让它创建列表。

const jsonUrl_Q418 = 'http://localhost:3000/Letters';
fetch(jsonUrl_Q418)
  .then(res => res.json())
  .then(data => {
    for(let i=0; i < data.length; i++) {
      let listItem = document.createElement('li');
      listItem.innerHTML = '<a href=' + data[i].url + '>'+ data[i].name + '</a>'; 
      lettersList.appendChild(listItem);
    }
  });

如果我将jsonUrl_Q418更改为s3链接，它将无法正常工作。 任何帮助深表感谢。

Answer 1

此示例使用fetch模块。 这应该记录您的数据。 请注意，'res'对象是一个缓冲区，可以通过将其转换为String来读取。 现在，如果您需要将数据作为对象 - JSON.parse（res.toString（'utf8'））

fetch('https://s3.ap-south-1.amazonaws.com/misc-csv/tslint.json',
function(err,meta,res){
  console.log('AXIOS:',(res.toString('utf8')));
  return JSON.parse(res.toString('utf8'))
});