接口封装

一、新建http.js

    let baseUrl = 'xxxxxx'    // 接口的基础路径

export {

  baseUrl

}

二、新建request.js

import { baseUrl } from './http.js'

module.exports = {

  request : function (url, methodType, data){

    let fullUrl = `${baseUrl}${url}`

    console.log(fullUrl)

    let token = wx.getStorageSync('token') ? wx.getStorageSync('token') : ''

    wx.showLoading({

      title: '正在请求数据',

    })

    return new Promise( (resolve, reject) => {

        wx.request({

          url: fullUrl,

          method: methodType,

          data,

          header: {

            'content-type': 'application/json',

            'token': token

          },

          success(res){

            if (res.data.code === 1) {

              resolve(res.data)

              wx.hideLoading()

            } else {

              wx.hideLoading();

              wx.showToast({

                title: res.data.msg,

                icon: 'none'

              })

              reject(res.data.msg)

            }

          },

          fail(){

            wx.showToast({

              title: '数据请求错误',

              icon: 'none'

            })

            reject('数据请求错误')

          },

        })

      }

    )

  }

}

三、新建index.js

import { request } from './request'

module.exports = {

  // 获取数据列表

  getGoods: (data) => request('goods','get',data)

}

四、在接口需要页面调用对应接口

    1. 引入接口

import myApi from './../../api/index

    2.调用接口

myApi.getGoods(data).then((res) => {

      console.log(res)

    })

【记得将  将JS编译成ES5  勾选】