axios 拦截器

axios 拦截器

简介

axios里一般常用的有两种拦截器：请求拦截器、响应拦截器。(自己的学习笔记)

1. 请求拦截器

请求前拦截，可以携带token等数据传给后端

2. 响应拦截器

对响应结果进行解析，统一处理

3. 创建axio实例

const http = axios.create({  
  timeout: 1000 * 10,  
  headers: {  
    "Content-Type": "application/json;charset=utf-8",  
    "Access-Control-Allow-Origin": "*",  
  },  
});

4. axios请求拦截

http.interceptors.request.use(
  // 可以在这里配置token等请求信息
  (config)=>{},
  (error)=>{}
);

5. axios 响应拦截

http.interceptors.response.use(
  // 可以对返回信息进行统一处理
  (config)=>{},
  (error)=>{}
);

6