vue---axios的封装

//新建一个文件夹network---request.js
import axios from 'axios'
//config接口参数，函数1（成功后的回调将数据返回给引用者），函数2（将错误返回给引用者）
export function request(config, success, failure){
//创建实例--配置
const instance = axios.create({
    baseURL: '地址'，
    timeout: 5000
})
//发送真正的网路请求--引用配置
instance(config)
    .then(res => {
        //将获取到的数据返回给引用者--通过success函数
        success(res)
    })
    .catch(err => {
        failure(err)
    })
}

引用、

?

1 2 3 4 5 6 7 8 9 10 11

//封装request模块 //引入 import {request} from "./network/request"   request({     url: 'api接口' }, res=> {     console.log(res); }, err =>{     console.log(err); })

　建议　引用  promise异步操作

import axios from 'axios'

export function request(config){
return new Promise((resolve, reject) => {
    //创建实例--配置
const instance = axios.create({
    baseURL: '地址'，
    timeout: 5000
})
//发送真正的网路请求--引用配置
instance(config)
    .then(res => {
        //将获取到的数据返回给引用者--通过resolve函数
        resolve(res)
    })
    .catch(err => {
        reject(err)
    })
})
}

其实这里的

instance(config)
    .then(res => {
        //将获取到的数据返回给引用者--通过resolve函数
        resolve(res)
    })
    .catch(err => {
        reject(err)
    })
})
可以简化直接写 return instance(config)   
因为

axios.create就直接调用的promise的接口
不用再包装了
当然

return new Promise((resolve, reject) => {}----也应删除

调用

?

1 2 3 4 5 6 7

request({     url: '', }).then(res => {   }).catch(err => {       })