小程序請求接口統一封裝到一個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)
     })
   },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM