推荐使用第三种!!!
新建一个文件夹 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)
})