使用axios时缺少键值

Question

当我使用axios提取JSON数据时，它不会从JSON中引入初始密钥。

如果我导入了酒单（JSON文件）并在console.log中响应，它会显示“ wines：”，然后是酒的数组，这就是我想要的，但是我需要使用axios。当我使用axios获取JSON文件时，它仅显示数组中的项目数，然后显示酒的数组。有没有办法让axios引入键值“ wines”？

我要与其余数据一起获取的JSON密钥是“ wines”：

{  "wines": [{     "id": "f2ca57a5-d9da-4808-9164-8d6e0da0aef5",...

这是我的axios电话：

const winesInfo = axios.get('/api/v1/wines').then(function(response) {     console.log(response.data.wines);   })   .catch(function(error) {     console.log(error);  });

我要console.log：

{wines: Array(12)}

我的console.log如下所示：

(12) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]

Answer 1

您需要访问response.data以获得关键葡萄酒，但是您正在访问response.data.wines，因此很明显，您将获得没有关键葡萄酒的对象数组

因此，response.data将为您提供所需的内容

更改

  const winesInfo = axios.get('/api/v1/wines').then(function(response) { console.log(response.data.wines); }).catch(function(error) { console.log(error); });

收件人

  const winesInfo = axios.get('/api/v1/wines').then(response => { console.log(response.data); }).catch(error => { console.log(error); });