axios框架就是为了请求网络数据,具体的语法如下:
import axios from 'axios'
export function request(config){
const instance1 = axios.create({
baseURL:'http://123.207.32.32:8000',
timeout:5000
})
instance1.interceptors.request.use(config=>{
// console.log(config);
return config
},err=>{
console.log(err);
})
instance1.interceptors.response.use(res=>{
// console.log(config);
return res.data
},err=>{
console.log(err);
})
return instance1(config)
}
以上因为axios实例本身就是一个promise,所以不需要在用promise进行封装,直接返回axios的实例即可,以上还使用了拦截器interceptors,在使用了拦截器记得要返回数据回去,不然服务器接收不到网络请求的数据。
instance1.interceptors.request.use(config=>{
// console.log(config);
return config
},err=>{
console.log(err);
})
instance1.interceptors.response.use(res=>{
// console.log(config);
return res.data
},err=>{
console.log(err);
})
如图则需要返回数据config。
而baseURL则是默认进行网络请求的服务器的域名。