封装axios

本文档展示了如何使用axios库创建一个配置实例,包括设置基础URL、超时时间和请求头。同时,配置了请求和响应拦截器,用于处理令牌验证和错误处理。此外,定义了get和post两个函数,分别用于发起HTTP GET和POST请求。
摘要由CSDN通过智能技术生成
1 import axios from 'axios'
2
3 const http = axios . create ({
4     baseURL : '/api' ,
5     timeout : 5000 ,
6     headers : { "Context‐Type" : "application/json" }
9   })
10
11 http . interceptors . request . use ( res => {
13        // const token = sessionStorage.getItem('token') ? sessionStorage.getItem('token') : '';
14        // if(token){ headers 添加 token}
15        return res ;
16     }, err => {
18       return err ;
19    })
21
22 http . interceptors . response . use ( res => {
24        // const code = res.code
25       // if(code === 404){router.replace()}
26       // if(code === 200){router.replace()}
28       return res ;
29     }, err => {
31         return err ;
32   })
34
35 function get ( url , params = {}) {
36      return new Promise (( resolve , reject ) => {
37            http . get ( url , params )
39       . then ( res => resolve ( res ) ). catch (
43            err => reject ( err ))
45      })
46   }
47
48 function post ( url , params = {}) {
49        return new Promise (( resolve , reject ) => {
50        http . post ( url , params ) . then ( 53 res => resolve ( res ))
55       . catch ( err => reject ( err ) )
58     })
59   }
60
61
62 export { get , post }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值