正文

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

IP云
IP云V管理员/4 阅读
07/30
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

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)
    })
  },