不錯,學(xué)習(xí)啦

摸索了幾天，基本會用了，在這里拋磚引玉了。

配置ajaxUrl，前綴地址

const ajaxUrl = env === 'development' ?
    'http://192.168.1.230:8080/nis-service/' ://開發(fā)地址
    env === 'production' ?
    'https://www.url.com' ://發(fā)布地址
    'https://debug.url.com';//debug地址

三元選擇符，配置在build/env.js中

export default "development";//development開發(fā)模式，production發(fā)布模式

配置util.ajax里的參數(shù)

util.ajax = axios.create({
    baseURL: ajaxUrl,//前綴地址
    timeout: 30000,//超時時間
    headers: {//請求頭
        "Content-Type": "application/x-www-form-urlencoded;charset=utf-8"
    }
});

在util.js文件中引入qs

import qs from 'qs';

在util.js中創(chuàng)建自己的方法，以post為例

util.post = function (url, data) {
    return util.ajax({
        url,//請求地址，會加上配置的前綴地址
        method: 'post',//請求類型
        data:qs.stringify(data,{ arrayFormat: "repeat" })//這里用qs處理數(shù)據(jù)，數(shù)組轉(zhuǎn)成不帶下標(biāo)
    })
    .then(response => {//成功
        console.log(response);
        return response;
    })
    .catch(error => {//失敗
        console.log(error);
        return error;
    });
}

在需要使用的組件里引入util.js。

import util from "../../../libs/util.js";

直接使用就可以了

util.post("url",{
  key;value
})
.then(response => {
})
.catch(error => {
});

如果您有更好的封裝或使用方法，請您不吝賜教，路過的大神請輕拍。