uni-app发送HTTP请求

uni-app 中调用接口用的是 uni.request 方法，在官网中可以选择 “API”→“网络”→“发起请求”→“uni.request”，找到 API 文档。

接口地址为 http://api.mm2018.com:8095/api/goods/home。

请求方式：get 请求。

代码如下。

<template>
  <view>
    </view>
</template>

<script>
// 这里是上面格式化的 script 代码
export default {
  data() {
    return {
      allList: []
    }
  },
  onLoad() {
    //2．在onLoad生命周期函数中调用方法
    this.getList()
  },
  methods: {
    //1．声明方法，使用uni.request发送数据请求
    getList() {
      uni.request({
        url: 'http://api.mm2018.com:8095/api/goods/home',
        method: 'get',
        success: res => {
          //res就是最终服务器返回的数据
          console.log(res)
          this.allList = res.data.data // 将服务器返回的数据赋值给 allList
        }
      })
    }
  }
}
</script>

代码解析如下。

注意具体是在哪个周期函数中调用方法，Vue 是在 created 周期函数中调用方法，而 uni-app 是在 onLoad 周期函数中调用方法。