【微信小程序】封装request以及对接口进行模块化

1. 封装request:request.js
// 服务器地址
const host = "XXX"
// 获取token(登录时拿到token进行存储)
function Urltoken() {
  let currentUser = wx.getStorageSync('token');
  return currentUser ? currentUser : undefined
}
function doRequest(url, method, theData) {
  let theUrl = url
  if (url.indexOf('http') === -1) {
    theUrl = host + url
  } 
  let promise = new Promise((resolve, reject)=>{
    wx.request({
      url: theUrl,
      header: {
        "content-type": "application/json;charset=UTF-8",
        "Authorization": "token " + Urltoken(),
      },
      data: theData,
      method: method,
      success: function (res) {
      	 // 判断账号重复登录要退出
        if (res.statusCode === 401) {
          wx.showToast({ 
            title: '您的账号登录已失效, 请重新登录',
            icon: 'none'
          })
          setTimeout(() => {
            wx.removeStorageSync('token')
            wx.reLaunch({
              url: 'XXX'
            })
          }, 1500)
          return false
        }
        resolve(res);
      },
      fail: function (XHR) {
        reject(XHR)
      },
    })
  })
  return promise;
}
module.exports.doRequest = doRequest;
2. 接口模块化:find.js
// 导入封装好的request.js文件
const request = require('../../utils/request.js')
export function findAll(data) {
  return request.doRequest(
    'XXX',
    'GET',
    data
  )
}
3. 调用接口
// 引入封装的find.js文件中的findAll接口
import { findAll} from "../../public/api/find.js"
// 调用接口
doRequest() {
	findAll().then((res)=>{
	  consloe.log('获取的接口数据--',res)
	})
}
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值