axios 二次封装以及使用方式

先创建一个request.js 文件夹

里面是

先创建一个request.js 文件夹

里面是

引入axios

import axios from "axios"



let http = axios.create({

  // baseurl: '', // 基准地址

  // timeOut: '' ,//超时时间

  // header: {}

})



// 请求拦截

http.interceptors.request.use(config=>{

  // 设置loading请求动画

  // 设置请求头

  // config.headers.xiaohou = 'abcd'

  return config

})



// 响应拦截



http.interceptors.response.use(res=>{

  //结束加载动画

  // 错误状态码的处理

  // 对返回参数的格式化

  return res.data.data

})

导出 http

export default http



然后在创建一个 api文件夹里面在创建一个 js文件

import http from "../request.js"



// export const queryBanner = ()=>{

// return http.get('https://api.it120.cc/small4/banner/list')

// }

在页面使用的时候引入 你定义的名字