axios请求数据渲染页面

好的，我可以帮你回答这个问题。首先，你需要使用axios发送HTTP请求来获取数据，然后将数据渲染到页面上。

以下是一个使用axios发送GET请求获取数据，并将数据渲染到页面上的示例：

// 发送GET请求，获取数据
axios.get('/api/data')
  .then(function (response) {
    // 成功获取数据
    const data = response.data;

    // 将数据渲染到页面上
    const container = document.getElementById('container');
    container.innerHTML = '';

    for (let i = 0; i < data.length; i++) {
      const item = data[i];
      const element = document.createElement('div');
      element.innerHTML = `<h3>${item.title}</h3><p>${item.content}</p>`;
      container.appendChild(element);
    }
  })
  .catch(function (error) {
    // 发生错误
    console.log(error);
  });

在这个示例中，我们使用axios发送GET请求来获取数据，然后将数据渲染到页面上。在成功获取数据后，我们首先清空了页面上的容器元素，然后遍历数据，并将每个数据项创建为一个div元素，并将其添加到容器元素中。

希望这个示例对你有所帮助！