0%

数据通信

  1. 用库axios
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    import 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
    }
    }
  2. 原生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
    26
    export 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
    }
    }
阅读全文 »