WangXinPeng

小程序请求接口统一封装到一个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)
    })
  },

 

发表于 2018-11-08 09:45  菜鸟的编程VLOG  阅读(3266)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章:

猜你喜欢