使用async await 封装 axios的方法

async await是JavaScript中用于异步编程的一种语法糖，它大大简化了编写异步代码的难度。axios是一款非常流行的网络请求库，可以方便地发送各种类型的HTTP请求。结合async await和axios，可以实现更加简洁明了的网络请求代码。

封装axios的方法，可以将其作为一个函数返回。在函数中，使用try catch语句来捕获异常并处理。在try块中，使用await关键字等待axios发出请求并返回响应对象。如果响应有数据，则可以通过解构赋值来获取数据，并将其返回。如果出现错误，则抛出异常，在catch块中进行处理。

以下是一个使用async await封装axios的函数：

import axios from 'axios'

async function fetchApi(url, options = {}) {
  try {
    const response = await axios(url, options)
    const { data } = response
    return data
  } catch (error) {
    console.error(error)
    throw new Error('网络请求失败')
  }
}

export default fetchApi

在调用fetchApi函数时，可以像调用普通函数一样传递URL和配置参数：

const data = await fetchApi('https://myapi.com/users')

使用这个简单的函数可以方便地发起网络请求，并获得请求返回的数据。async await的语法让异步编程变得更加清晰简洁，同时也提高了代码的可读性和可维护性。