vuecli的axios包中对get的简单封装使用

第一层封装（抽象封装，决定baseURL以及响应时间）

export function get(config) {

const instance = axios.create({
baseURL: "http://127.0.0.1/api",
timeout: 5000
})

注意：这里需要将config对象的url和params分别代入到get函数中，不懂可见官方文档
instance.get(config.url, config.params)

// 响应并返回数据
instance.interceptors.response.use(res=> {
return res.data
}, err => {
console.log(err);
})
return instance(config)
}

第二层封装（数据发送到特定文件这里是"delete.php",其中传参则为id，多参数同理）

export function sendGetData(id) {

//回调第一次封装的函数
return get({
url: 'delete.php?',
params: {
id
}
})
}

使用（可以通过Promise中then函数进行结果的输出）

sendGetData(id).then(res => {
console.log(res)
})