简单的Axios封装与使用

大祥子
2020-07-28 / 0 评论 / 178 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年08月20日,已超过1069天没有更新,若内容或图片失效,请留言反馈。

// 引入axios
import axios from "axios";

// 暴露方法以备调用
export const AxiosGet = (url, params) => {
// params有值等于值,没值等于空
      params =  params || {}
  // 返回一个Promise对象
  return new Promise ((resolve, reject) => {
    // axios的get请求,传递url和params
    axios.get(url,{ params })
    // 成功
    .then(res => {
      if(status === 200){
        resolve(res.data)
      }
      // 失败
    }).catch( err => {
      reject(err.data)
    })
  })
}

<script>
import { AxiosGet } from '../http/api.js'

export default {
  name: 'Axios',
  methods: {
    get(){
      AxiosGet('此处为链接',{这里为可选的params参数}).then(data =>{
        console.log(data)
      })
    }
  }
}
</script>
0

评论 (0)

取消