axios 尝试从API获取数据时遇到问题

n6lpvg4x  于 5个月前  发布在  iOS
关注(0)|答案(1)|浏览(77)

在这里,我尝试使用axios从URL中获取数据。当我控制台日志response.data时,我正在获取数据
这是我得到的日志,但当我尝试控制台日志响应.数据.树,然后它显示未定义.我如何解决这个问题.

Fetch1 {
  "trees": [
    {
      "id": 1,
      "name": "Bao",
      "species_name": "Adansonia",
      "image": {
        "src": "https://upload.wikimedia.org/wikipedia.jpg",
        "alt": "A large African baobab tree."
       }
    },
    {
      "id": 2,
      "name": "Red Mangrove",
      "species_name": "Rhizophora mangle",
      "image": {
        "src": "https://upload.wikimedia.org/wikipedia.jpg",
        "alt": "A free-standing red mangrove tree.",
      }
    }
  ]
}

Fetch2 undefined

个字符

ovfsdjhp

ovfsdjhp1#

您从API收到的响应是JSON格式的。它不是一个对象。为了像您期望的那样使用它,请使用let data = JSON.parse(response.data),然后执行data.trees来访问您想要的元素。
你可以阅读更多关于JSON.parse()here的内容。
希望这对你有帮助!

相关问题