✨ 完成实验部分功能

app/plugins/http.ts

@@ -0,0 +1,72 @@
+import { APIResponseErrorException } from '~/utils/APIResponse';
+
+const fetch = $fetch.create({
+  onRequest(config) {
+    console.log('request config', config);
+  },
+  onResponse(context) {
+    const response = context.response;
+    console.log('响应数据:', response);
+    console.log('data:', response._data);
+    const data = response._data as APIResponse<unknown>;
+    if (data.code !== 200) {
+      if (data.code === 301 || data.code === 302) {
+        useRouter()
+          .push(
+            data.message && data.message.length > 0 ? data.message : '/login',
+          )
+          .then();
+        throw new APIResponseErrorException(data);
+      }
+      if (response.status === 401) {
+        useRouter().push('/login').then();
+        throw new APIResponseErrorException(data);
+      }
+      if (data.message && data.message.length > 0)
+        MessagePlugin.error(data.message).then();
+      throw new APIResponseErrorException(data);
+    }
+    if (data.message && data.message.length > 0)
+      MessagePlugin.success(data.message).then();
+  },
+  onResponseError({ response }) {
+    console.error('响应错误:', response);
+    // eslint-disable-next-line no-debugger
+    debugger;
+    // 在这里可以处理错误，例如跳转到登录页面或显示错误提示
+  },
+});
+export type HTTP = {
+  GET: <ReturnType>(
+    url: string,
+    records?: Record<string, string>,
+  ) => Promise<APIResponse<ReturnType>>;
+  POST: <ReturnType>(
+    url: string,
+    body?: object,
+  ) => Promise<APIResponse<ReturnType>>;
+};
+const baseURL = '/api';
+export const $http: HTTP = {
+  GET: async <ReturnType>(url: string, records?: Record<string, string>) => {
+    url = baseURL + url;
+    const result: APIResponse<ReturnType> = await fetch(url, {
+      method: 'GET',
+      params: records,
+    });
+    return result;
+  },
+  POST: async <ReturnType>(url: string, body?: object) => {
+    url = baseURL + url;
+    const result: APIResponse<ReturnType> = await fetch(url, {
+      method: 'POST',
+      body: body,
+    });
+    return result;
+  },
+};
+
+export default defineNuxtPlugin((nuxtApp) => {
+  console.log('$http', $http);
+  nuxtApp.provide('http', $http);
+});