如何组织嵌套的axios调用以使其更具可读性？

axios.get('url1')
  .then(response1 => {
    // 对第一个请求的处理
    return axios.get('url2');
  })
  .then(response2 => {
    // 对第二个请求的处理
    return axios.get('url3');
  })
  .then(response3 => {
    // 对第三个请求的处理
    // ...
  })
  .catch(error => {
    // 错误处理
  });

async function fetchData() {
  try {
    const response1 = await axios.get('url1');
    // 对第一个请求的处理

    const response2 = await axios.get('url2');
    // 对第二个请求的处理

    const response3 = await axios.get('url3');
    // 对第三个请求的处理

    // ...
  } catch (error) {
    // 错误处理
  }
}

fetchData();