Javascript 如何使用async和Wait从fetch api正确地执行console.log响应？

在使用async和Wait时，如何将fetch API的响应记录为console.log，以便可以使用点表示法访问响应中的某些数据以更新HTML元素

const url = "/api/contact"
uploadFile = async () => {
    try {
        const config = {
            method: "POST",
            body: formData
        }
        const response = await fetch(url, config)
        if (response.ok) {
            console.log(response) // does not give the json data needed to update html elements
            return response
        } else {
            alert("Something went wrong. Try again.")
        }
    } catch (error) {
        console.error(error)
    }
}
uploadFile()

---

响应对象有一个

.json（）

函数，您可以返回另一个

Promise

，结果是来自响应体的反序列化json作为JavaScript对象。

uploadFile（）。然后（response=>/*处理响应*/）

？