1

util/request/index.js

@@ -0,0 +1,13 @@
+// 引入配置
+import config from "@/common/config";
+// 初始化请求配置
+uni.$u.http.setConfig((defaultConfig) => {
+  /* defaultConfig 为默认全局配置 */
+  defaultConfig.baseURL = config.getRegisterUrl(); /* 根域名 */
+  return defaultConfig;
+});
+
+module.exports = (vm) => {
+  require("./requestInterceptors")(vm);
+  require("./responseInterceptors")(vm);
+};

util/request/requestInterceptors.js

@@ -0,0 +1,30 @@
+import appConfig from "@/common/config";
+import { v4 as uuidV4 } from "uuid";
+/**
+ * 请求拦截
+ * @param {Object} http
+ */
+module.exports = (vm) => {
+  uni.$u.http.interceptors.request.use(
+    (config) => {
+      // 可使用async await 做异步操作
+      // 初始化请求拦截器时，会执行此方法，此时data为undefined，赋予默认{}
+      config.data = config.data || {};
+      if (config.custom.isIMApi) {
+        config.baseURL = appConfig.getApiUrl();
+      }
+      if (config.custom.isPgyerApi) {
+        config.baseURL = "https://www.pgyer.com";
+      }
+      config.header = {
+        ...config.header,
+        operationID: uuidV4(),
+      };
+      // 可以在此通过vm引用vuex中的变量，具体值在vm.$store.state中
+      return config;
+    },
+    (
+      config, // 可使用async await 做异步操作
+    ) => Promise.reject(config),
+  );
+};

util/request/responseInterceptors.js

@@ -0,0 +1,34 @@
+/**
+ * 响应拦截
+ * @param {Object} http
+ */
+module.exports = (vm) => {
+  uni.$u.http.interceptors.response.use(
+    (response) => {
+      /* 对响应成功做点什么 可使用async await 做异步操作*/
+      const data = response.data;
+      // 自定义参数
+      const custom = response.config?.custom;
+      if (data.errCode !== 0 && data.code !== 0) {
+        // 服务端返回的状态码不等于200，则reject()
+        // 如果没有显式定义custom的toast参数为false的话，默认对报错进行toast弹出提示
+        // if (custom.toast !== false) {
+        //     uni.$u.toast(data.message)
+        // }
+        // 如果需要catch返回，则进行reject
+        // if (custom?.catch) {
+        console.error('http catch rejected', data)
+        return Promise.reject(data);
+        // } else {
+        //     // 否则返回一个pending中的promise
+        //     return new Promise(() => { })
+        // }
+      }
+      return data.data || {};
+    },
+    (response) => {
+      /*  对响应错误做点什么 （statusCode !== 200）*/
+      return Promise.reject(response);
+    },
+  );
+};