使用axios 封装一个前端请求

Axios是一个流行的JavaScript库，用于处理HTTP请求。封装axios可以帮助我们编写更简洁、易于维护的前端API请求代码。以下是一个简单的例子，展示如何封装axios以便在Vue.js或其他JavaScript框架中复用：

import axios from 'axios';

const service = axios.create({
  baseURL: process.env.BASE_API, // api的base_url
  timeout: 5000, // 请求超时时间
  headers: { 'Content-Type': 'application/json' } // 默认请求头
});

// 全局错误处理器
service.interceptors.response.use(
  response => response.data,
  error => {
    console.error('Error', error);
    return Promise.reject(error.message || 'Error');
  }
);

export default {
  get(url) {
    return service.get(url);
  },
  post(url, data) {
    return service.post(url, data);
  },
  put(url, data) {
    return service.put(url, data);
  },
  delete(url) {
    return service.delete(url);
  }
};