网络层封装:避免太多依赖
先创建一个文件用来封装axios
第一种方法：
//如果有多个就重新创建，先导入axios
import axios from 'axios'
//第一种方式：返回Promise
export function request(config){
return new Promise((resolve,reject)=>{
//1.创建axios实例
const instance =axios.create({
baseURL:'http://123.207.32.32:8000',
timeout:5000
})
//2.发送真正的网络请求
instance(config).then(ret=>{
resolve(ret) //把数据加载到resolve里
}).catch(err=>{
reject(err)
})
})
数据处理层
}
发送请求：
1.接受
接受第一个
2.接受发送config值
接受那边的值
如果有第二个就重新再声明一个// export function request1(config){
// }
第二种方法：
直接返回return
//第二种方式P
export function request(config){
// 1.创建axios实例
const instance =axios.create({
baseURL:'http://123.207.32.32:8000',
timeout:5000
})
//发送请求,直接返回return
return instance(config)
}
接受还是和法一一样的
