小程序API接口集中管理

最新推荐文章于 2024-03-01 11:05:26 发布

kogwang

最新推荐文章于 2024-03-01 11:05:26 发布

阅读量832

点赞数 2

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_42662249/article/details/105969522

版权

小程序专栏收录该内容

3 篇文章

订阅专栏

小程序api使用不多但是每处都定义不方便后期维护于是我们便集中管理
直接在utils文件下新增api.js(定义api接口) https.js(后台请求,域名配置) 目录结构如下

api.js

import { http } from './https';
// 接口定义
function getApi(params) {
  http('/getApi', 'get', params)
}
function postApi(params) {
  http('/postApi', 'post', params)
}

// 暴露接口
export default {
  getApi,
  postApi
}

https.js

export function http(url, method, params) {
  let token = 'token'
  let sign = 'sign'
  let data = {
    token,
    sign
  }
  if (params.data) {
    for (let key in params.data) {
      if (params.data[key] == null || params.data[key] == 'null') {
        delete params.data[key]
      }
    }
    data = { ...data, ...params.data }
  }
  wx.request({
    url: 'http://127.0.0.1:8000' + url,
    method: method == 'post' ? 'post' : 'get',
    data,
    header: {
      'content-type': 'application/json'
    },
    success(res) {
      params.success && params.success(res.data)
    },
    fail(err) {
      params.fail && params.fail(err)
    }
  })
}

在index.js使用接口

import http from '../../utils/api'

Page({
  data: {},
  onLoad: function () {
    this.getData()
  },
  getData(){
    http.postApi({ // 调用接口，传入参数
      data: {
        token: 'token123123123'
      },
      success: res => {
        console.log('接口请求成功', res)
      },
      fail: err => {
        console.log(err)
      }
    })
  }
})