axios获取图片显示_axios的二次封装

一、场景

在vue2.x的版本中请求数据推荐使用的axios，之前我常常使用的axios的别名方法,比如说在vue组件中:

axios.get('http://localhost:3000/user')
    .then(res => {
    
        console.log(res)
    })
    .catch(err => {
    
        console.log(err)
    })

如果一个页面或者组件发多个请求,那写法上还是比较麻烦的，并没有async,await的写法清爽。每发起一个请求，就要写.then，.catch这些代码，这也太麻烦了吧，请求过多的话，接口难维护，重复的代码量也会增多。这里我们来封装一个接口。这里默认你已经会axios的基本用法了，还没接触axios的移步官网。

二、目录结构

这里把接口代码放在requests.js文件。

三、接口实现

import axios from 'axios'
import {
     MessageBox, Message} from "element-ui"
import {
     getToken } fr