axios完整封装

axios完整封装

第一步 http文件夹下index.js中

import axios from 'axios'

//简单配置
axios.defaults.baseURL = 'http://127.0.0.1:8000'

//超时时间
axios.defaults.timeout = 10000

// 封装axios
export function get_all(url, params) {
    return new Promise((resolve, reject) => {
        axios({
            'url': url,
            'params': params,
        }).then(resp => {
            resolve(resp.data)
        }).catch(error => {
            reject(error)
        })
    }
    )

}

第二步 http下的api.js中

//访问请求

import axios from 'axios'
import {get_all} from './index'  接第一步抛出的函数

export const getTypeList = (params) =>get_all('book1/',params)
//或
export const getTypeList = () =>get_all('book1/')

第三步 在页面中

<script>
import { getTypeList } from "../../http/api";  拿到第二步抛出的函数
export default {
  data() {
    return {};
  },
  created() {
    getTypeList()        调用这个函数
      .then(resp => {
        console.log(resp);
      })
      .catch(error => {
        console.log(error);
      });
  }
};
</script>