axios拦截器

205 阅读1分钟

axios拦截器

什么是axios拦截器
拦截每一次你的请求和响应,然后进行相应的处理。比如一些网站过了一定的时间不进行操作,就会退出登录让你重新登陆页面,
当然这不用拦截器你或许也可以完成这功能,但是会很麻烦而且代码会产生大量重复,所以我们需要用到拦截器

在main.js引入axios

import axios from 'axios'
//写到main.js里,每一个aixos都会请求都会触发拦截器,你也可以写到需要触发拦截器的axios请求

请求拦截器 axios.interceptors.requset.use()

axios.interceptors.requset.use(
  config => {
    //在发起请求做一些业务处理
    return config;
  },
  error => {
    // 对请求失败做处理
    return Promise.reject(error);
  })

响应拦截 axios.interceptors.response.use()

axios.interceptors.response.use(
  response => {
    //对响应数据做处理
    return config
  },
  error => {
    // 对响应错误做处理
    return Promise.reject(error);
  })