How to handle token expiration in WeChat Mini Programs

data: {code: "99997", date: 1634174831325, message: "TOKEN EXPIRED", status: "ERROR"}

function checkAuth(resp) {
  if(resp.data.code == '99997') { //The token expiration code returned by our server is 99997. The code can be customized with the backend.
    wx.navigateTo({
      url: '/pages/login/login', // Jump to the login page here and ask the user to log in again})
    console.log("Need to log in again...");
  }
}

function createMatchImage(data, fun) {
  //console.log(getApp())
  console.log("token = " + getApp().getToken())
  wx.request({
    method: 'POST',
    url: conf.baseUrl + 'match/matchImages', 
    data: data,
    header: {
      'content-type': 'application/json',
      'sessionKey': getApp().getToken()
    },
    success: function (res) {
      console.log(res)
      conf.checkAuth(res) // Check if the token is expired. If it is expired, jump to the login page.
      fun(res);
    }
  });
}
 
function getMatchImages(id, fun) {
  wx.request({
   ...
    success: function (res) {
      conf.checkAuth(res)
   ...
    }
  });
}
 
function deleteImage(id, fun) {
...
  wx.request({
    ...
    success: function (res) {
      conf.checkAuth(res)
      fun(res);
      //return res;
    }
  });
}

const get = (url, success, fail) => {
    var _token = getApp().getToken()
    wx.request({
      method:'GET',
      url: baseUrl + url,
      header:{
        'Authorization': _token,
        'content-type': 'application/json',
      },
      success:function(res) {
        checkAuth(res) //Block token expiration here and jump to the login interface console.log(res)
        success(res)
      },
      fail:function(res){
        console.log("Request failed")
        fail(res)
      }
    })
}
···
 
module.exports = {
    get: get,
    post: post
}

const httpUtil = require("../common/http/HttpUtil")
 
//The logic layer initiates a network request, only the URL and the success callback function need to be passed. This is much cleaner than before.
function getActivities(success) {
    httpUtil.get('meetup/api/v1/activity/getActivityList?pageNo=1&pageSize=100', function(res) {
        success(res)
    })
}
 
module.exports = {
    getActivities : getActivities
}

const get = (params) => {
    var _token = getApp().getToken()
    return new Promise((resolve, reject) => {
      wx.request({
        method:'GET',
        url: concatUrl(params),
        header:{
          'Authorization': _token,
          'content-type': 'application/json',
        },
        success: (res) => {
          checkAuth(res) //Block token expiration here and jump to the login interface resolve(res)
        },
        fail:(err) => {
          console.log("Request failed")
          reject(err)
        }
      })
    })
}

// service layer, define network interface function getActivities() {
    return HttpUtil.get({
        url: 'meetup/api/v1/activity/getActivityList?pageNo=1&pageSize=100'
    })
}
    /**
     * Load the activity list (load the group first to get the activity avatar)
     */
    fetchGroupAndActivities: function(){
      if(this.data.isLogin) {
        var that = this
        getGroups() //Load the avatars of the group list first.
        .then((res)=>{
          if(res.data.code == "10000") { 
            ...
            return getActivities() //Secondly, load the activity list}
        })
        .then((res)=>{ //Chain call, process activity list data.
          if (res.data.code == "10000") {
          ...
          }
        })
        .catch((err) => { //Catch exceptions uniformly. If any callback in the then above sends an exception, the call chain will be directly interrupted and processed here.
          console.log("get act and group failed...")
        })
    }},