一个完整的增删改查模块（以我们的项目‘危化品库管理’模块为例）

父组件列表页面

子组件 增改查页面

API

import axios from "axios";
import qs from "qs";

let DChemStoreManagementAPI = {
  getList(params) {
    return axios.get("...", {
      params
    });
  },
  add(params){
    return axios({
      method: "post",
      url: ".../save",
      data: qs.stringify(params)
    })
  },
  getSelect(params) {
    return axios("...", {
      params
    })
  },
  getById(id) {
    return axios.get("...?id="+ id, {
        
    });
  },
  del(id) {
    return axios.delete("...?id=" + id, {
     
    });
  },
  exportData(params) {
    return axios.get("...", {
        responseType: 'arraybuffer',
        params
    });
  },
  deleteFile(params) {
    return axios.delete("...", {
      params: {
        filePath: params.filepath
      }
    });
  }
};

export default DChemStoreManagementAPI;

以上便是模块的增删改查内容，至于上传模块，没有过多的解释，上传用的是封装过的组件，代码太多，不便复制，不过有下载功能^_^，这也是一点小小的总结。