Vue封装ajax请求读取请求数据的方法

//ajax.js文件，导入axios模块
import axios from 'axios'

1.Promise对象方法

//ajax.js
export default function ajax(){
    return new Promise((resolve,reject)=>{
        let promise
        promise = axios.get('url')
        promise.then((response)=>{
            resolve(response.data)
        }).catch((error)=>{
            reject(error)
        })
    })
}

//调用ajax，读取数据
import ajax from 'ajax.js'

ajax().then(data => {
    console.log(data)
})

2.callback方法

//ajax.js
export default function ajax(callback){
    axios.get('url')
    .then((res)=>{
        callback(res.data)
    })
    .catch((err)=>{
        console.log('请求失败')
    })
})

//调用ajax，读取数据
import ajax from 'ajax.js'

ajax(data => {
    console.log(data)
})