vue-cli开发流程封装axios

1、接口文档2、封装axios请求2.1封装axios// 对http请求进行封装import axios from 'axios'// 使用自定义的配置文件发送请求const instance = axios.create({baseURL: '',timeout: 5000,headers: {}});// 添加请求拦截器instance.interceptors.request.use(fu

zhu_menglu

163人浏览 · 2022-04-01 19:20:22

zhu_menglu · 2022-04-01 19:20:22 发布

1、接口文档

2、封装axios请求

2.1封装axios

// 对http请求进行封装
import axios from 'axios'

// 使用自定义的配置文件发送请求
const instance = axios.create({
    baseURL: '',
    timeout: 5000,
    headers: {
    }
});
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
    instance// 对响应数据做点什么
    if(response.status === 200){
        return response.data;
    }else{
        console.error("请求错误")
        console.error(response)
    }
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  });

  export default instance