使用JSON和提取API

Question

我正在尝试使用获取API在JavaScript代码中获取此JSON：

{
    "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
    ]
}

这是我的代码：

const endpoint = 'http://localhost:3000/posts'

let posts = []

fetch(endpoint)
    .then(resp => resp.json())
    .then(data => posts.push(...data))


console.log(posts[0])

console.log在chrome的控制台上给我未定义的内容，但是如果我在同一控制台上键入posts [0]，则会得到我希望获得的post对象。

我正在使用json-server和.html和vs代码扩展live-server来提供JSON文件。