美文网首页
封装axios

封装axios

作者: 刘松阳 | 来源:发表于2020-05-20 13:36 被阅读0次

新建request.js 文件
// 封装axios 封装形式 是多样化的
import axios from 'axios' //引入axios
import qs from 'qs' //引入序列化字符串
let requset = axios.create();
//添加请求拦截器
requset.interceptors.request.use(function(config){
//加入post 提交 且带有文件上传
if(config.method == 'post' && !(config instanceof FormData)){
//参数放到config.data中
config.data=qs.stringify(config.data)
}
//get 请求 直接返回config //发送请求之前做些什么
return config;

},function (error) { //出错
    //请求错误做些什么
    return Promise.reject(error)
}

);

//添加响应拦截器
requset.interceptors.response.use(function(response){

//对响应数据做些什么
return response;

},function (error) { //出错
//请求错误做些什么
return Promise.reject(error)
}
);

// //全局错误的时候提示
// requset.interceptor.fail=((res,config)=>{

// let ret=res; //数据返回的信息
// let msg=''; //错误提示信息
// if(res.statusCode === 200){ //业务错误
// msg=res.data.msg
// ret=res.data //成功吧数据放到ret
// }else if(res.statusCode > 0){//http错误 没成功
// if(res.data){
// msg=res.data.errMsg
// ret=res.data //错误数据
// }else {
// msg ='服务器异常['+res.statusCode+']'
// }
// }else{ //其他错误
// msg=res.errMsg
// }
// // if(config.toastError){ //设置
// // uni.showToast({
// // title:msg,
// // duration:2000,
// // icon:'none'
// // })
// // }
// return ret; //返回的是json
// })
export default requset;

新建api文件
//对category分类模块进行操作
import request from '../request/request'

// methods:{
// show(){
// getCategory().then((res)=>{
// console.log()
// })
// }
//}

//增删改查category 的多有axios请求 都封装到这里
export function getCategory(){ //可以带参数
return request.post('url')
}
//添加
export function addCategory(cgname,cglevel){ //可以带参数
return request.post('url',{
cglevel:cglevel,
cgname:cgname
})
}
//删除
export function delCategory(){ //可以带参数
return request.post('/api/student.php?flag=getdata')
}
//修改
export function updateCategory(){ //可以带参数
return request.post('url')
}
//import {getCategory} from '../request/request' 导入方法名称

相关文章

网友评论

      本文标题:封装axios

      本文链接:https://www.haomeiwen.com/subject/kglxrhtx.html