axios上传文件方法封装

1. 运行环境

• react项目
• axios版本：0.26.1（版本应该影响不大）

2. 方法封装

src 目录api文件夹下request.js文件

export function request(apiUrl,reqParams){
  let {
    method = 'get',
    params = {},
    data= {},
  } = reqParams
  // console.log(method)
  // console.log(params)

  return new Promise(function(resolve,reject){
    axios({
      url: apiUrl,
      method:method,
      params:params,
      data: data,
    }).then(function(res){
      if(res){
        if(res.data && res.data.code){
          resolve(res)
        }else{
          notification.error({
            message: '操作失败',
          })
          resolve(res)
        }
      }else{
        notification.error({
          message: '操作失败'
        })
        resolve(res)
      }
    }).catch(function(error){
      notification.error({
        message: '操作失败',
        description: '网络异常'
      })
      reject(error)
    })
  })
}

在src目录下的api文件夹的upload.js文件（可自定义文件存放位置和文件名，不过要和 此文章）的请求方法引入保持统一：

import {request} from'./request.js'
export function upload(params){
// apiUrl即为你请求接口的地址
	return request(apiUrl,params)
}