首页 > 其他 > 详细

post接口调用 vue

时间:2021-02-05 19:10:43      阅读:43      评论:0      收藏:0      [点我收藏+]

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

post接口调用 vue

原文:https://www.cnblogs.com/qing0228/p/14378442.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!