首页 > 移动平台 > 详细

axios 简单二次封装

时间:2019-11-04 01:52:48      阅读:104      评论:0      收藏:0      [点我收藏+]
import axios from ‘axios‘
import { Message } from ‘element-ui‘;

// 设置baseURL
//axios.defaults.baseURL = ‘/api‘
//设置默认请求头
axios.defaults.headers = {
    ‘X-Requested-With‘: ‘XMLHttpRequest‘
}
// 设置请求过期时间
axios.defaults.timeout = 10000
 
//请求拦截器
axios.interceptors.request.use(config => {
 
    config.headers = {
        ‘Content-Type‘: ‘application/json‘,
        ‘x-token‘: localStorage.getItem(‘token‘) || ‘‘
    }
    return config
}, error => {
    return Promise.reject(error)
})


//响应拦截器即异常处理
axios.interceptors.response.use(response => {
    if(response.data.code == 200) {
        return response.data
    }else{
        Message.error(‘接口‘ + response.config.url +‘数据异常‘)
        return response
    }

}, error => {
    Message.error(error.message || ‘服务异常‘)
    return Promise.resolve(error)
})

export default axios

 

axios 简单二次封装

原文:https://www.cnblogs.com/jlyuan/p/11789977.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!