axios请求拦截

最新推荐文章于 2024-08-04 21:45:12 发布

斯君子

最新推荐文章于 2024-08-04 21:45:12 发布

阅读量438

点赞数

分类专栏： axios 文章标签： axios请求拦截 axios

本文链接：https://blog.csdn.net/qq_36367314/article/details/86534517

版权

axios 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

import Vue from 'vue'
import axios from 'axios'
import {ConfirmPlugin} from "vux";
import errorImgUrl from '@/assets/images/nw_blank_06.png'
Vue.use(ConfirmPlugin)

axios.defaults.timeout = 6000 //发送请求后超过6秒没有收到响应就报错
  //  REQUEST 请求异常拦截
axios.interceptors.request.use(request=> {
  //==========  所有请求之前都要执行的操作  ==============
  return request;
}, err=> {
  return Promise.resolve(err);
})

axios.interceptors.response.use(
  response => {
  //处理响应的数据
    return response
  },
  error => {
    //响应错误时
    let errorImg = '<img  src='+errorImgUrl+'  class="no_blankIms"/>网络跑丢了'
    Vue.$vux.confirm.show({
      content: errorImg,
      showCancelButton:false
    })
    return Promise.reject(error)
  }
)