fetch('http://127.0.0.1:3007/api/cpu') .then(res => res.json()) .then(data => { document.getElementById('cpu-usage').textContent = data.usage })

这段代码是使用 Fetch API 发送 HTTP GET 请求到 http://127.0.0.1:3007/api/cpu 接口，获取 CPU 使用率数据。其中，`.then(res => res.json())` 的作用是将响应的 JSON 数据解析成 JavaScript 对象，`.then(data => {...})` 的作用是将获取到的数据更新到 HTML 页面中对应的元素上。

具体来说，这段代码首先使用 fetch() 方法发送 HTTP GET 请求，获取 CPU 使用率数据。然后，使用 Promise 的 then() 方法对响应进行处理。在第一个 then() 方法中，使用 res.json() 方法将响应的 JSON 数据解析成 JavaScript 对象；在第二个 then() 方法中，将获取到的数据更新到 HTML 页面上。其中，document.getElementById('cpu-usage') 用于获取页面中 id 为 cpu-usage 的元素，textContent 属性用于设置该元素的文本内容。

通过这段代码，前端页面可以实时获取后端 API 返回的 CPU 使用率数据，并将数据更新到页面上展示。