uniapp请求封装统一处理，token无感刷新刷

原创

已于 2024-08-12 09:11:51 修改 · 562 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #javascript

于 2024-07-22 20:00:44 首次发布

import {
   
    useStoreUser } from '@/store/user.js';
import requestInterceptor from '@/interceptor/request.js';
import {
   
    goLogin } from '@/interceptor/router.js';
import {
   
    refreshToken } from './index';

class http {
   
   
  /**
   * http 请求基类
   * @param {string} baseUrl 根地址
   * @param {object} header 请求头
   */
  constructor(baseUrl = process.env.VITE_GLOB_API_URL, header = {
    
    }) {
   
   
    // 启用请求拦截器
    requestInterceptor();

    this.baseUrl = baseUrl;
    this.header = header;

    // 请求缓存
    this.responseCache = [];
    // 是否在刷新token
    this.isRefreshToken = false;
  }

  /**
   * get请求
   * @param {string} url url路径
   * @param {json} params url参数
   * @return {Promise}
   */
  get(url, params) {
   
   
    return this.response({
   
   
      url,
      params
    });
  }

  /**
   * post请求
   * @param {string} url url路径
   * @param {json} data body参数
   * @param {json} params url参数
   * @return {Promise}
   */
  post(url, data, params) {
   
   
    return this.response({
   
   
      method: 'POST',
      url,
      data,
      params
    });
  }

  /**
   * put请求
   * @param {string} url url路径
   * @param {json} data body参数
   * @param {json} params url参数
   * @return {Promise}
   */
  put(url, data = {