axios二次封装
2020-02-29 23:31
387 查看
axios二次封装
import axios from 'axios' axios.default.timeout = 5000 localStorage.setItem('token', '123343ssfgrtgewrt56asdasfd4536-1212safasdfsdtrewrt-12sadad') // var func = function() { // 请求拦截 是在你请求发出但是未发送出去的时候调用的函数 这个函数里面可以设置请求头 axios.interceptors.request.use(config =>{ console.log(config) // alert('123') // 断点位置 config.headers.Authorization = localStorage.getItem('token') //token 登录后由后台返回 这里是随便写的一个作为例子 return config },error => { // 请求发生错误的时候的回调函数 return Promise.error(error) }) // } // export default func // 响应拦截是请求成功了但是数据还未返回的时候触发的回调函数 axios.interceptors.response.use(res => { console.log(res) // debugger // 断点位置 return res.data.data // 对响应的数据做处理 }, error => { if(error.response.status) { errInfo(error.response.status) // 对项目的公共错误发进行报错封装 } }) var errInfo = function(code) { switch(code) { case 401: console.log('错误1') break; case 403: console.log('用户未登录') break; case 500: console.log('服务器错误') break; } }
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- vue--------之axios的使用与二次封装
- 二次封装axios的请求拦截
- 二次封装axios,根据参数来实现多个请求多次拦截
- vue-axios二次封装
- nuxt之axios 二次封装
- Vue之axios的使用与二次封装
- Vue二次封装axios
- vue中使用axios+Promise二次封装ajax请求
- axios二次封装学习
- appium笔记六:appium常用api二次封装
- axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
- bootstrap弹窗二次封装成插件
- axios中get、post请求的封装
- Adapter 二次封装 一句话实现适配
- Android 完美对BaseAdapter进行二次封装
- AFNetworking的二次封装
- baseadapter的二次封装
- axios基础封装
- iOS开发笔记(3) -- UIAlertController的二次封装
- volley二次封装