微信小程序接口响应拦截器，封装请求头

最新推荐文章于 2024-09-23 00:52:49 发布

不要问我，我什么都不知道

最新推荐文章于 2024-09-23 00:52:49 发布

阅读量1.6k

点赞数

文章标签：前端小程序

本文链接：https://blog.csdn.net/qq_44782585/article/details/124006688

版权

1.新建一个request.js文件

var app = getApp();

const baseUrl = '请求头地址';


// 调接口方法
const fetchData = (url, data, method, callback, errCallback) => {
  wx.showLoading();
  let token = wx.getStorageSync('$$token')
  wx.request({
      url: baseUrl + url,
      header: {
      'Authorization': token,
      },
      method: method,
      data: data,
      success: function (res) {
        wx.hideLoading();
        // token过期，跳到授权页面
        if (res.data.code === 401) {
          wx.reLaunch({
              url: '/pages/login/login'
          })
          console.log('超时登录，tocken失效')
          return;
        }

        if (res.data.code !== 200) {
          if (errCallback) {
            return errCallback(res);
          }
          wx.showToast({
              title: res.data.msg,
              icon: 'none'
          });
          return;
        }
        callback(res);
      }
  })
}
// 排除方法，在外面可调用
module.exports = {
  fetchData: fetchData
}

2. 页面引入并调用，按照request里面定义的顺序传参即可

import {fetchData} from '../../utils/request'




fetchData('/api/knowledges', { pageNo: this.data.page, pageSize: this.data.pageSize },'GET', res => {
      console.log(res) // 成功结果回调
    }, err => {
        
    })