vue项目使用axios上传文件

axios 封装

按需求写相应的js

我这个是财务那块的，为了方便看，我把其他的函数删除了

/**
 * finance模块接口列表
 */

import axios from "./http"; // 导入http中创建的axios实例
import qs from "qs"; // 根据需求是否导入qs模块
import path from "../apiPath";
const finance = {
  cashUpdate(file, config) {
    return axios.post(path.cash_update, file, config);
  }
};
export default finance;

在需要的页面里使用

//
let formData = new FormData();
      let file = this.files[0];
      formData.append("file", file);
this.$api.finance
        .cashUpdate(formData, {
          headers: { "Content-Type": "multipart/form-data" }
        })
        .then(response => {
          console.log(res);
        })
        .catch(() => {});

参考了这篇文章https://blog.csdn.net/liningaa/article/details/70573354