简单配置封装axios中的post、get等方法。

1.创建文件xxx.js抛出axios实例。

import axios from "axios";

import conf from '@/base.config'
// 创建axios实例
const xxx = axios.create({
    // 不变的地址如"http://localhost:8080/"，也可以传入变量，非必须参数
    baseURL: conf.url,

    // 请求超时的毫秒数。单位为毫秒
    timeout:3000

})

export default xxx

2.创建request.js，封装post，get等方法。

import xxx from "./xxx";

const get = (config) => {
    return xxx({
        //必填参数
        url:config.url,

        //默认为get方法
        method: 'get',
        params: config.data
    })
}

function post(config){
    return xxx({
        url:config.url,
        method: 'post',
        data: config.data
    })
}


function del(config){
    return xxx({
        url:config.url,
        method: 'post',
        params: config.data
    })
}


export default {
    get,
    post,
    del
}

3.创建测试类test.js，传入一个config包含url和data属性的对象。

import request from '@/api/request'

const adminLogin = () =>
    request.post({
        url: '/test',
        data: {
            adminAccount: 'admin',
            adminPwd: 'admin'
        }
    }
)