微信小程序request封装 引用

1.新建request.js

const app = getApp()

const http = (method, url, data) => {
 
  return new Promise((resolve, reject) => {
    wx.showLoading({
      title: '加载中...',
      mask: true
    })

    wx.request({
      method: method,
      url: url,
      header: {
        'content-type': 'application/json'
      },
      data: data,
      success: res => {
        resolve(res)
      },
      fail: err => {
        reject(err)
      },
      complete: info => {
        wx.hideLoading();
      }
    })
  })
}

module.exports = {
  _get: (url, data) => http('GET', app.globalData.host + url, data),
  _post: (url, data) => http('POST', app.globalData.host + url, data),
}

2.新建api.js 做接口统一管理

        在api.js文件中最上面引入request.js

import request from '/request.js';

        对外暴露方法

module.exports = {

方法名:(data)=>{
    //data是参数
    return request._post('接口', data)

  },
例如：
queryTrafficLights:(data)=>{
    //data是参数
    return request._post('接口', data)

  },

}

3.在需要使用的文件中引入接口文件api.js

import {
  在api.js对外暴露的方法名
} from '路径/api.js';

例如：
import {
  queryTrafficLights
} from '../api.js';


//然后在需要的地方调用即可

queryTrafficLights(data).then(res => {
    console.log(res)
})