http.js(基于axios)--请求工具类

请求工具类

新建http.js文件，内容如下：

import axios from 'axios';

//携带证书
axios.defaults.withCredentials = true;
//设置超时时间
axios.defaults.timeout = 100000;
axios.defaults.headers.post['Content-Type'] = 'application/x-www=from-urlencoded'

export default {

    //get请求
    requestGet(url, params = {}) {
        return new Promise((resolve, reject) => {
            axios.get(url, params).then(res => {
                resolve(res.data)
            }).catch(error => {
                reject(error)
            })
        })
    },

    // post请求
    requestPost(url, params = {}) {
        return new Promise((resolve, reject) => {
            axios.post(url, params).then(res => {
                resolve(res.data)
            }).catch(error => {
                reject(error)
            })
        })
    },
    // delete请求
    requestDelete(url, params = {}) {
        return new Promise((resolve, reject) => {
            axios.delete(url, params).then(res => {
                resolve(res.data)
            }).catch(error => {
                reject(error)
            })
        })
    },
    // put请求
    requestPut(url, params = {}) {
        return new Promise((resolve, reject) => {
            axios.put(url, params).then(res => {
                resolve(res.data)
            }).catch(error => {
                reject(error)
            })
        })
    }
}

这样，其它地方调用的时候就方便了。

例如：

api.js文件想调用，先引入http.js,再调用里面的方法即可。

import http from './http';
//获取分类列表
export var listCategories = () =>{
    return http.requestGet('/admin/category/list');
    
};

欢迎关注微信公众号：