post接口调用 vue

(1)

api.js文件

import axios from 'axios'

export const insertTask = (data, cb,err) => {
　　axios.request({
　　　　url: `${MODULE_URL}/insertTask`,
　　　　method: 'post',
　　　　data
　　}).then(cb).catch(err);
}

vue文件

let data = {
　　name:'****'
}
insertTask(data,res=>{
　　if(res.status){
　　　　//post成功之后，此处可添加页面刷新功能
　　　　this.$Message.success('保存成功。');
　　}else{
　　　　this.$Message.error(res.message);
　　　　return;
　　}
},err=>{
　　this.$Message.error('网络错误，保存失败。');
});

(2)
api.js文件

import axios from 'axios'

export const getTaskDetail = (data, cb) => {
　　axios.request({
　　　　url: `${MODULE_URL}/insertTask,
　　　　method: 'post',
　　}).then(cb);
}

vue文件

let data = {
    name:'****'
}
getTaskDetail(data, res => {
    if (!res.status) {
        this.$Message.error(res.data.message);
        return;
    }
    //若通过post获取数据，则在此处接口中的数据。
    //this.getData = res.data;
    this.$Message.success(res.data.message);
})    

(3)
api.js文件

import axios from 'axios'

export const saveRedressProgram = data => {
　　return axios.request({
　　　　url:`${MODULE_URL}/solutionScheme/saveSolutionScheme`,
　　　　method:'post',
　　　　data,
　　})
};

vue文件

let data = {
    name:'****'
}
saveRedressProgram(data).then(response=>{
    if(response.data.status){
        this.$Message.success('保存成功！');
    }else {
        this.$Message.error('保存出错！'+response.data.message);
    }
}).catch(err=>{
    console.error('saveRedressProgram error==',err);
    this.$Message.error('保存异常！');
})        

(4)
api.js文件

import axios from 'axios'

export const uploadDesignFile = (data) => {
    return axios.request({
        url: `${MODULE_URL}/algorithm/uploadStandardFile`,
        method: 'post',
        data: data
    })
};            

vue文件

uploadDesignFile(formData).then(res => {
    if (res.data.status) {
        this.$Message.success("上传成功！");
        let getData = res.data.data;
    }
}).catch(error => {
    this.$Message.error(error);
})