请选择 进入手机版 | 继续访问电脑版

对其获取数据以及token的封装

[复制链接]
谭先生 发表于 2020-12-31 18:57:26 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
//首先引入axios这个插件
import axios from ‘axios’;
// 使用回调封装
// export default function reuqest(opstions,success){
// // 1.创建一个axios实例
// const instance = axios.create({
// timeout:5000,
// baseURL:“https://api-hmugo-web.itheima.net/api/public/v1/”,
// headers: {‘X-Requested-With’: ‘XMLHttpRequest’},
// })
// instance(opstions).then(res=>{
// // console.log(res);
// success(res);
// }).catch(err=>{
// console.log(err)
// })
// }
// 使用promise封装
export default function request(opstions){
return new Promise((reslove,reject)=>{
const instance = axios.create({
timeout:5000,
baseURL:“http://59.110.165.195:8089/m.api?”,
headers: {‘X-Requested-With’: ‘XMLHttpRequest’},
})
instance.interceptors.request.use(config=>{
// 配置token
let token =localStorage.getItem(“token”);
if(token){
//将token设置到请求头
config.headers.Authorization =token;
}
return config;
},err=>{
return err;
})
// 响应拦截
instance.interceptors.response.use(res=>{
return res.data;
},err=>{
// 统一失败处置惩罚
if(err&&err.response){
switch(err.response.status){
case 400:err.message =“请求错误”;
break;
case 500:err.message =“服务器错误”;
break;
}
}
return err;
})
//发送请求
instance(opstions).then(res=>{
reslove(res);
}).catch(err=>{
reject(err);
})
})
}
  1. 通过这段代码 就可以直接获取数据 以及token 如有不懂 随时问我 我一直在!
复制代码
来源:https://blog.csdn.net/weixin_54112059/article/details/111991521
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )