first commit

历届学生/font-end-nine/项目练习/学生项目/冯文焌/8vue/在包河/src/api/api.js

@@ -0,0 +1,75 @@
+import { Axios } from "axios";
+import config from "@/config";
+import { Toast } from 'vant';
+
+class Api extends Axios {
+    constructor() {
+        super({
+            baseURL: config.checkBaseUrl(),
+            timeout: 10000,
+            headers: {
+                "Content-Type": "application/json; charset=utf-8;"
+            }
+        })
+        this.inter()
+    }
+
+    async getRequest(params) {
+        return await this.get(params.url, {
+            params: params.data,
+            headers: params.header
+        })
+    }
+
+    async postRequest(params) {
+        return await this.post(params.url,  params.data, {
+            headers: params.header
+        })
+    }
+
+    inter() {
+        // 添加请求拦截器
+        this.interceptors.request.use(function (config) {
+            Toast.loading({
+                duration: 0,
+                message: '加载中..'
+            });
+            // 在发送请求之前做些什么
+            return config;
+        }, function (error) {
+            // 对请求错误做些什么
+            return Promise.reject(error);
+        });
+
+
+
+        // 添加响应拦截器
+        this.interceptors.response.use(function (response) {
+            Toast.clear();
+            response.data = JSON.parse(response.data)
+            switch (response.data.status) {
+                  case 200:
+                      return response.data.data
+                      break;
+
+                  case 404:
+                      Toast.fail(response.data.message);
+                      throw new Error(response.data.message);
+                      break;
+
+                  default:
+                      break;
+              }
+
+            // 2xx 范围内的状态码都会触发该函数。
+            // 对响应数据做点什么
+            return response;
+        }, function (error) {
+            // 超出 2xx 范围的状态码都会触发该函数。
+            // 对响应错误做点什么
+            return Promise.reject(error);
+        });
+    }
+}
+
+export default new Api()