axios拦截器使用

2 篇文章 0 订阅
2 篇文章 0 订阅
import axios from 'axios' // axios引用
import store from '../../store'	// store引用
const serivce = axios.create({ // 创建服务
  baseURL: 'http://test.************.net', // 基础路径
  timeout: 5000 // 请求延时
})
serivce.interceptors.request.use( // 请求拦截
  config => {
    if (store.getters.userToken) {
      config.headers['X-Token'] = store.getters.userToken
      config.headers['User-Type'] = store.getters.userType ? store.getters.userType : '' // 请求头中存放用户信息
      config.onUploadProgress = (progressEvent) => {
        var complete = (progressEvent.loaded / progressEvent.total * 100 | 0) + '%'
        store.dispatch('setupLoadPercent', complete)
      }
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)
serivce.interceptors.response.use( // 回复拦截,主要针对部分回掉数据状态码进行处理
  response => {
    return response
  },
  error => {
    return Promise.reject(error)
  }
)
export default serivce

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值