Vue封装axios的几种方法

第一种方式

//封装位置
import axios from 'axios'
export function request(config,success,fail){
	axios({
			url:config
	}).then(res=>{
			successs(res)
}).catch(err=>{
	fail(err)
})
}
//调用者位置
import { request } from './封装文件路径'
request("http://.......",res=>{}，err=>{})

第二种方式

export function request{
    axios.defaults.baseURL='http://.........'
    axios(config.url).then(res=>
    {
    config.success(res)
    }
    ).catch(err=>{
    config.fail(err)
    })
}
//调用

request({
 url:'',
 success:res=>{	
 },
 fail:err=>{
 }
})

三、通过Promise

export function request{
    return new Promise((resolve,reject)=>{
	let newAX=axios.create({
		baseURL:'http://..............',
		timeout:5000
	})
	newAX(config).then(res=>{
	resolve(res)
	}).catch(err=>{
	reject(err)
	})
})

//调用
request({
   url:''
}).then(res=>{ ....
}).catch(err=>{........})

四、创建axios实例返回

export function request(config){
let newAx  = axios.create({
			baseURL:''http://.......'',
			timeout:5000
})
return newVx(config)
}

//调用
request({
		url:''}).then(res=>{})