axios封装

axios是一个http请求库，可以用于发送http请求。为了方便使用和管理，我们可以对axios进行封装，使其更符合我们的项目需求。

以下是一个简单的axios封装示例：

import axios from 'axios';

// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_API, // API请求的默认前缀
  timeout: 5000 // 请求超时时间
});

// request拦截器
service.interceptors.request.use(
  config => {
    // 可以在发送请求之前对请求进行一些处理，例如在请求头中加入token等
    return config;
  },
  error => {
    // 请求错误处理
    return Promise.reject(error);
  }
);

// response拦截器
service.interceptors.response.use(
  response => {
    // 可以对响应数据进行一些处理，例如对接口返回的状态码进行统一处理
    return response.data;
  },
  error => {
    // 响应错误处理
    return Promise.reject(error);
  }
);

export default service;

这样我们就可以在项目中通过import导入这个封装好的axios，并使用它来发送http请求，例如：

import request from '@/utils/request'

request({
  url: '/user/login',
  method: 'post',
  data: {
    username: 'admin',
    password: '123456'
  }
}).then(res => {
  console.log(res)
}).catch(error => {
  console.log(error)
})

当然，这只是一个简单的示例，实际项目中可能需要对请求和响应进行更多的处理。