一、需求

• 上传大型文件时候，接口请求等待时间很长，给用户进度展示。

二、通过Axios库处理

export async function uploadApi(values) {
  try {
    let config = {
      headers: {
        "Content-Type": "multipart/form-data",
      },
      transformRequest: [
        function (data) {
          return data;
        },
      ],
      onUploadProgress: (progressEvent) => {
      	//上传进度百分比
        let persent = ((progressEvent.loaded / progressEvent.total) * 100) | 0; 

       	console.log(persent )
      },
    };

    const response = await axios.post(
      "你的请求地址",
      values,
      config
    );

    return response;
  } catch (e) {
    return (typeof e.message === "string" && e.message) || "error";
  }
}