vue项目使用axios上传文件

axios上传文件

• axios 封装
• 按需求写相应的js
• 在需要的页面里使用

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

文章来源: https://blog.csdn.net/liuy_1314/article/details/91420641