数据通信
- 用库axios
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23import axios from 'axios'
// 新建一个axios实例,统一处理
// let axios = Axios.create({
// transformRequest:[
// function (data){
// return data
// }
// ]
// })
export default {
name:'axiosDemo',
data(){
return {
name:''
}
},
async create(){
let { data } = await axios.get('./get/demo.json')
this.name = data.name
}
} - 原生fetch
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
26export default {
name:'fetchDemo',
data(){
return {
name:''
}
},
async create(){
// get
let res = await fetch('./get/demo.json')
let data = await res.json()
this.name = data.name
// post
let formData = new FormData()
formData.append('a',123)
formData.append('b',88)
let res = await fetch('./post/demo.json', {
method: 'post',
body: formData
})
let data = await res.json()
this.name = data.name
}
}