post接口調用 vue

(1)

api.js文件

import axios from 'axios'

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

vue文件

let data = {  2 　　name:'****'
}  4 insertTask(data,res=>{  5 　　if(res.status){  6 　　　　//post成功之后，此處可添加頁面刷新功能
　　　　this.$Message.success('保存成功。');  8 　　}else{  9 　　　　this.$Message.error(res.message); 10 　　　　return; 11 　　} 12 },err=>{ 13 　　this.$Message.error('網絡錯誤，保存失敗。'); 14 });

(2)
api.js文件

import axios from 'axios'

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

vue文件

let data = {  2     name:'****'
}  4 getTaskDetail(data, res => {  5     if (!res.status) {  6         this.$Message.error(res.data.message);  7         return;  8  }  9     //若通過post獲取數據，則在此處接口中的數據。
    //this.getData = res.data;
    this.$Message.success(res.data.message); 12 })    

(3)
api.js文件

import axios from 'axios'

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

vue文件

let data = {  2     name:'****'
}  4 saveRedressProgram(data).then(response=>{  5     if(response.data.status){  6         this.$Message.success('保存成功！');  7     }else {  8         this.$Message.error('保存出錯！'+response.data.message);  9  } 10 }).catch(err=>{ 11     console.error('saveRedressProgram error==',err); 12     this.$Message.error('保存異常！'); 13 })        

(4)
api.js文件

import axios from 'axios'

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

vue文件

uploadDesignFile(formData).then(res => { 2     if (res.data.status) { 3         this.$Message.success("上傳成功！"); 4         let getData = res.data.data; 5  } 6 }).catch(error => { 7     this.$Message.error(error); 8 })