小程序请求接口统一封装到一个js文件中

在我们做小程序时，数据请求数据请求是避免不了的，然而我们用官方自带的请求方式，会给我们带来很多重复的工作，所以我就借鉴大神们的博客，写了一个简单的请求方式。

1.首先我们在utils中新建一个api.js文件，将一下代码粘贴进去：

const host ='http://localhost:8081/activity/web/loginFrom/';//这个是你们的接口域名
const api = {

  getClickNum: host +'reading'//接口进行拼接
 
}

module.exports = api;

2.在app.js中写入一下的方法：

fetch(url, data, callback) {

    wx.request({

      url,

      data: data,

      header: {

        'Content-Type': 'application/json'

      },

      success(res) {

        callback(null, res.data);

      },

      fail(e) {

        callback(e);

      }

    })

  },

3.将api.js引入调用接口的js文件中

//引入接口api文件
import API from "../../utils/api.js";

  onLoad (){

     app.fetch(API.getClickNum ,{},(err,data) => {

 　　　　　　console.log(data)

     })

   },

 

转载于:https://www.cnblogs.com/WangXinPeng/p/9927351.html