axios封装异步接口 async await

最新推荐文章于 2024-07-25 22:35:58 发布

CahierX

最新推荐文章于 2024-07-25 22:35:58 发布

阅读量1.1k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_35493664/article/details/104550788

版权

vue 专栏收录该内容

30 篇文章 2 订阅

订阅专栏

新建一个api.js

import axios from "axios"; 
import qs from 'Qs'
let getStyleApi = {
  async getCategory(baseUrl) {
    try{
       let res = await axios.get(baseUrl+`/v1/cloud/category`)
       return new Promise((resolve,reject)=>{
         if(res.status === 200) {
           resolve(res.data)
         } else {
           reject(res)
         }
       })
    } catch(err){
      console.log(err)
    }
  },
  async getList(baseUrl, param) {
    try{
       let res = await axios.post(baseUrl+`/v1/cloud/list`, qs.stringify(param))
       return new Promise((resolve,reject)=>{
         if(res.status === 200) {
           resolve(res.data)
         } else {
           reject(res)
         }
       })
    } catch(err){
      console.log(err)
    }
  }
}
export default getStyleApi

使用:

import getStyleApi from "../../data/getStyleApi.js";
   async getStyleCategory(){
      // 获取目录
      const {data} = await getStyleApi.getCategory(this.cloudUrl)
      this.cloudCategory = data.childMenu
      await this.getStyleList(this.cloudCategory[0].id)
    },