uni-app 与后端接口对接

2021-06-02 3,496 阅读1分钟

下载插件pocky-request: 地址一: uni-插件市场与地址二: github
地址一会自动生成目录,如下图,地址二可手动放入

挂载到 vue 上 main.js

  import Vue from 'vue'
  import App from './App'
  // ======  导入
  import Request from './js_sdk/pocky-request/pocky-request-v.2.0.4/index.js'

  Vue.config.productionTip = false
  
  // ======= 挂载
  Vue.prototype.$axios = Request()

  App.mpType = 'app'

  const app = new Vue({
      ...App
  })
  app.$mount()

基本配置, baseURL等

5.发起请求

  getArcList(interval, info) {
      this.$axios.request({
          url: 'infos/informations/',
          method: 'get',
          params: {
              interval
          }
      }).then(res => {
          this[info] = res.data.dataInfo.listData
      })
  }

大功告捷

附上官方文档: www.yuque.com/pocky/aaeyu…