post接口调用 vue

(1)

api.js文件

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

vue文件

 1 let data = {
 2 　　name:'****'
 3 }
 4 insertTask(data,res=>{
 5 　　if(res.status){
 6 　　　　//post成功之后，此处可添加页面刷新功能
 7 　　　　this.$Message.success('保存成功。');
 8 　　}else{
 9 　　　　this.$Message.error(res.message);
10 　　　　return;
11 　　}
12 },err=>{
13 　　this.$Message.error('网络错误，保存失败。');
14 });

(2)
api.js文件

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

vue文件

 1 let data = {
 2     name:'****'
 3 }
 4 getTaskDetail(data, res => {
 5     if (!res.status) {
 6         this.$Message.error(res.data.message);
 7         return;
 8     }
 9     //若通过post获取数据，则在此处接口中的数据。
10     //this.getData = res.data;
11     this.$Message.success(res.data.message);
12 })

(3)
api.js文件

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

vue文件

 1 let data = {
 2     name:'****'
 3 }
 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文件

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

vue文件

1 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 })

posted on 2021-02-05 16:25 青小记阅读(1254) 评论(0) 收藏举报