axios实现本地缓存

import axios from 'axios'

// 线上数据库
// axios.defaults.baseURL = "XXXXXXXXXXXXX"

// 测试数据库
axios.defaults.baseURL = "http://192.168.1.25:8080"

axios.defaults.timeout = 2500;

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(function (response) {

  // 对响应数据做点什么
  localStorage.setItem(response.config.url, JSON.stringify(response))
  return response;
}, function (error) {
  // 对响应错误做点什么
  return JSON.parse(localStorage.getItem(error.config.url))
});


export default axios

先上代码

这里对axios进行封装，在请求成功之后将数据转换为JSON并存储在localStorage里（通过请求的URL保存），在响应错误的时候，通过error.config.url获取请求的URL，之后从本地将localStorage的数据取出来转换一下格式就可以了。