【前端最简洁的接口复用办法节省好多时间】

1. 在utils文件夹中新建api.js里面写所有的接口

import {http} from './http'
/**
 * 文件上传
 * @param {file} file 文件
 * @param {string} path 文件路径
 * @returns 
 */
export const fileUpload = (file, path) => {
    return http.post("/app/file/upload", { file, path }, { headers: { "Content-Type": "multipart/form-data" } })
}

2. 在页面中引用

//一定要用相对路径鼠标移上去就可以展示所有的参数类型和参数
import {fileUpload} from "../../utils/api"
 beforeUpload(file) {
            return new Promise(async (resolve, reject) => {
                this.isUploading = true;
                const { uploadPath } = await fileUpload(file, file.name.split(".")[0] + Date.now() + parseInt(Math.random()*50000));
                this.filePath = uploadPath;
                this.form.setFieldsValue({ name: file.name })
                this.isUploading = false;
                this.step = 2;
                reject("success")
            })
        },

3. 鼠标移上去展示（哪个页面用到就引入使用）