Axios

封装axios

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import axios from 'axios'

export function request(config) {
// 1.创建axios的实例
const instance = axios.create({
baseURL: 'http://123.207.32.32:8000',
timeout: 5000
//超时时间
})

// 2.axios的拦截器
// 2.1.请求拦截的作用:比如发送请求转圈圈的图标
//记得把拦截的东西返回!!!
instance.interceptors.request.use(config => {
return config
}, err => {
// console.log(err);
})

// 2.2.响应拦截
instance.interceptors.response.use(res => {
return res.data
}, err => {
console.log(err);
})

// 3.发送真正的网络请求
return instance(config)
}

调用axios

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import {request} from "./request";

export function getHomeMultidata() {
return request({
url: '/home/multidata'
})
}

export function getHomeGoods(type, page) {
return request({
url: '/home/data',
params: {
type,
page
}
})
}