封装一个axios请求的自定义hook

当你在使用 JavaScript 进行 Web 开发时，可以使用 Axios 库来发送 HTTP 请求。如果你希望在每个请求之前或之后执行一些操作，可以封装一个自定义的请求钩子（request hook）。下面是一个示例，展示了如何封装一个 Axios 请求的自定义钩子：

import axios from 'axios';

function useCustomAxios(url) {
  // 在请求到达服务器之前执行的操作
  console.log("准备发送请求...");

  // 发送请求
  const response = await axios.get(url);

  // 在请求到达服务器之后执行的操作
  console.log("请求已完成！");

  // 返回响应结果
  return response.data;
}

// 使用自定义钩子发送请求
const responseData = useCustomAxios("https://example.com");
console.log(responseData);

在上面的示例中，`useCustomAxios` 函数封装了发送 Axios 请求的操作。它在请求发送之前打印了一条准备发送请求的消息，并在请求完成后打印了一条请求已完成的消息。你可以根据自己的需求在这两个位置添加其他需要执行的操作。

当你需要发送请求时，只需调用 `useCustomAxios` 函数，并传入你想要请求的 URL。该函数会处理发送请求的过程，并返回响应结果。

请注意，这只是一个简单示例，实际应用中可能会有更复杂的情况。你可以根据具体需求进行扩展和定制，以满足项目的要求。同时，你还可以在自定义钩子中处理请求的错误、设置请求头等其他操作。