封装的axios请求,promise+async+await

导出一个方法,在fetch文件里

1.引入axios

import axios from 'axios'

2.封装axios

export default async(url='',data={},method='post')=>{
if(process.env.NODE_ENV !== 'development'){
url = 'biyao/public' +url; //线上得前缀路径
}
return new Promise((resolove,reject)=>{
axios({
url,
data,
method
}).then(resObj=>{
resolve(resObj['data'])
}).catch(err=>{

})

})
}

再封装一个网络请求api

1,引入刚刚封装的axios方法

import fetch from '@utils/fetch'

2.导出方法

export const homePageCommand = (data,loading)=>fetch('/api/firstCategory',data)

3.使用这个方法

//1.
mouted(){
//定义一个方法
this.getData()

}

//2.
methods:{
async getData(){
await homePageCommand ().then(res=>{

})

}
}

async 函数返回一个 Promise 对象，当函数执行的时候，一旦遇到 await 就会先返回，等到触发的异步操作完成，再接着执行函数体内后面的语句

• 点赞
• 收藏
• 分享
• 文章举报