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

最新推荐文章于 2024-02-17 15:47:48 发布

置顶

涛---

最新推荐文章于 2024-02-17 15:47:48 发布

阅读量2.3k

点赞数 2

分类专栏：对数据获取的封装对其数据进行处理文章标签： es6

本文链接：https://blog.csdn.net/weixin_54112059/article/details/111991521

版权

这篇博客介绍了如何使用ES6语法和axios库来封装HTTP请求。首先导入axios，然后分别展示了使用回调和Promise两种方式封装请求。在封装过程中，配置了请求超时时间、基础URL以及请求头。特别地，它还实现了在请求中添加从localStorage获取的token，并且在响应拦截器中处理了400和500错误状态。

摘要由CSDN通过智能技术生成

//首先引入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=>{
// 配置to