安装依赖

执行以下命令安装Flyio

为什么使用Flyio ？ 因为能够跨端使用。

  1. yarn add flyio

添加请求拦截文件，使用请求时引入

  1. import Taro, { showToast, hideLoading } from "@tarojs/taro";
  2. import Fly from "flyio/dist/npm/wx";  // 根据环境进行修改不同的包
  3. import store from "../store";                    // 你可能需要拿到获取公共数据进行判断
  4. const request = new Fly();
  5. const baseURL = "http://localhost:3000";
  6. request.config.timeout = 10000;                // 超时时间
  7. request.config.baseURL = baseURL;
  8. const whiteUrl = [''];                                // 不拦截的请求url
  9. // 发送请求之前拦截
  10. request.interceptors.request.use(async config => {
  11.   if (!whiteUrl.includes(config.url)) {
  12.     showToast({
  13.       title: "加载中...",
  14.       mask: true,
  15.       icon: "loading"
  16.     });
  17.   }
  18.   const AccessToken = store.getState().user.token; // 如果已登陆，请带上token
  19.   config.headers = {
  20.     ...config.headers,
  21.     Accept: "application/json",
  22.     "content-type": "application/json; charset=utf-8",
  23.     Authorization: AccessToken && AccessToken.AccessToken
  24.   };
  25.   config.body &&
  26.     Object.keys(config.body).forEach(val => {
  27.       if (config.body[val] === "") {
  28.         delete config.body[val];
  29.       }
  30.     });
  32.   config.body = {
  33.     ...config.body
  34.   };
  35.   return config;
  36. });
  38. request.interceptors.response.use(
  39.   // 处理请求返回数据，如处理返回结构
  40.   response => {
  41.     hideLoading();
  42.     return response.data;
  43.   },
  44.   // 错误时的处理
  45.   async err => {
  46.     try {
  47.       const currentUrl = Taro.getCurrentPages()[  //获取当前页面路径
  48.         Taro.getCurrentPages().length - 1
  49.       ].route;
  50.       // 根据业务需求处理err 
  52.     } catch (e) {
  53.       showToast({ title: '错误信息=>', mask: true, icon: "none" });
  54.       throw e;
  55.     } finally {
  56.       setTimeout(() => {
  57.         hideLoading();
  58.       }, 3000);
  59.     }
  60.   }
  61. );
  63. export default request;

你可能需要

  1. const newRquest = new Fly();
  2. // 锁定请求
  3. fly.lock(); // 锁住请求，暂时阻止放下走，不执行其他请求   
  4. fly.unlock() // 解锁请求，将请求解锁，继续往下走