Axios Reactjs 中的响应时间

Question

我正在使用以下 sn-p 来访问 API 并获取其响应。 我想知道获取数据需要多少时间

const fetch_table_data = async () => { const response = await axios.get(`URL_HERE`, {headers : {'Authorization': 'Token abc'}});if (response.status === 200){
      // what is the time taken to fetch this data??? <-------------------
    }}
    fetch_table_data()

请提出解决方法。谢谢

Answer 1

可以使用原生的Performance接口。

const fetch_table_data = async () => {
    const request_start_at = performance.now();

    const response = await axios.get(`URL_HERE`, {
        headers : {
            'Authorization': 'Token abc'
        }
    });

    const request_end_at = performance.now();
    const request_duration = request_ent_at - request_start_at;

    if (response.status === 200) {
      console.log(duration);
    }
} 

fetch_table_data()