集中处理 axios 请求的三种方式

推荐使用第三种！！！
新建一个文件夹 network 在此文件新建一个 request.js 文件

一 第一种方式

import axios from 'axios'
export function request(config,success,failure){
	const instance = axios.create({
		baseURL:'',
		timeout:5000
	})
	// 发送真正的网络请求
	instance(config)
	.then(res=>success(res))
	.catch(err=>{failure(err)})
}

在其他页面使用

import {request} from './network/request'
request({
	url:'',
},res=>{
	console.log(res)
},err=>{
	console.log(err)
})

二 第二种方式 使用promise

import axios from 'axios'
export function request(config){
	return new Promise((resolve, reject)=>{
		const instance = axios.create({
			baseURL:'',
			timeout:5000
		})
		// 发送真正的网络请求
		instance(config)
		.then(res=>resolve(res))
		.catch(err=>{reject(err)})
		})
	
}

在其他页面使用

import {request} from './network/request'
request({
	url:'',
}).then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
})

三 第三种方式

import axios from 'axios'
export function request(config){
	const instance = axios.create({
		baseURL:'',
		timeout:5000
	})
	return instance(config)
}

在其他页面使用

import {request} from './network/request'
request({
	url:'',
}).then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
})