Как в document.querySelector вставить html?
document.querySelector('.post-list').innerHTML += `
        <div class="card" style="...">
            <div class="card-body">
                <h5 class="card-title">${post.title}</h5>
                <p class="card-text">${post.body}</p>
                <a href="#" class="card-link">Подробнее</a>
            </div>
        </div>`

posts.array.forEach
Ошибка, потому что в posts нет элемента array
Напишите, что получаете в posts
console.log(posts)