封装的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 就会先返回，等到触发的异步操作完成，再接着执行函数体内后面的语句