From 616c21a62dfb4ea4d4e30dcbd61ee40a0386261c Mon Sep 17 00:00:00 2001
From: ycy <2861518472@qq.com>
Date: Sat, 6 Apr 2024 15:09:43 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20axiox=E4=BA=8C=E6=AC=A1?=
 =?UTF-8?q?=E5=B0=81=E8=A3=85=E9=85=8D=E7=BD=AE=E4=BB=A3=E7=90=86=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3=E8=B7=A8=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/login.js          |  8 +++++
 src/pages/login/index.vue |  4 ++-
 src/utils/request.js      | 73 +++++++++++++++++++++++++++++++++++++++
 vite.config.js            |  9 +++++
 4 files changed, 93 insertions(+), 1 deletion(-)
 create mode 100644 src/api/login.js
 create mode 100644 src/utils/request.js

diff --git a/src/api/login.js b/src/api/login.js
new file mode 100644
index 0000000..34c4da1
--- /dev/null
+++ b/src/api/login.js
@@ -0,0 +1,8 @@
+import request from "@/utils/request";
+// 统一管理接口
+const API = {
+  LOGIN_URL: "/api/user",
+  udaiu: "/user",
+};
+export const reqUser = () => request.get(API.LOGIN_URL);
+export const reqUser = (data) => request.post(API.LOGIN_URL, data);
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index b0fd3bb..1322084 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -46,6 +46,7 @@
 <script setup>
 import { MessagePlugin } from "tdesign-vue-next";
 import { reactive, ref } from "vue";
+import { reqUser } from "@/api/login";
 // import { DesktopIcon, LockOnIcon } from "tdesign-icons-vue";
 
 const INITIAL_DATA = {
@@ -91,7 +92,8 @@ const rules = reactive({
 const onReset = () => {
   MessagePlugin.success("重置成功");
 };
-const onSubmit = ({ validateResult, firstError }) => {
+const onSubmit = async ({ validateResult, firstError }) => {
+  await reqUser();
   if (validateResult === true) {
     MessagePlugin.success("提交成功");
   } else {
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..120ad9c
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,73 @@
+// 进行axios二次封装：使用请求与响应拦截器
+import axios from "axios";
+import { MessagePlugin } from "tdesign-vue-next";
+import { useRouter } from "vue-router";
+
+// import { refreshToken } from '@/apis/token'
+// import { useTokenStore } from '@/stores/index'
+// 第一步:利用axios对象的create方法，去创建axios实例(其他的配置:基础的路径、超时的时间)
+const request = axios.create({
+  baseURL: "/", // 基础路径上会携带/api
+  timeout: 5000, // 超时的时间的设置
+});
+// 第二步：axios实例添加请求与响应拦截器
+request.interceptors.request.use((config) => {
+  // config配置对象，headers属性请求头，经常给服务器端携带公共参数
+  // 返回配置对象
+  // const { token } = useTokenStore()
+  // if (token) {
+  //   config.headers.Authorization = `Bearer ${token}`
+  // }
+  return config;
+});
+
+// 第三步：axios响应拦截器
+request.interceptors.response.use(
+  (response) => {
+    // 成功回调
+    // 简化数据
+    return response.data;
+  },
+  async (error) => {
+    // 失败回调：处理http网络错误的
+    // 定义一个变量：存储网络错误信息
+    let message = "";
+    const { status } = error.response;
+    // http状态码
+    switch (status) {
+      case 401:
+        // try {
+        //   const tokenStore = useTokenStore()
+        //   const refreshedTokenData = await refreshToken(tokenStore.refreshToken)
+        //   if (refreshedTokenData && refreshedTokenData.data.token) {
+        //     tokenStore.setToken(refreshedTokenData.data.token)
+        //     const originalRequest = error.config
+        //     originalRequest.headers.Authorization = `Bearer ${refreshedTokenData.data.token}`
+        //     return request(originalRequest)
+        //   }
+        // } catch (error) {
+        //   const tokenStore = useTokenStore()
+        //   tokenStore.clearToken()
+        //   useRouter().push('/login')
+        // }
+        break;
+      case 403:
+        message = "无权访问";
+        break;
+      case 404:
+        message = "请求地址错误";
+        break;
+      case 500:
+        message = "服务器出现问题";
+        break;
+      default:
+        message = "网络出现问题";
+        break;
+    }
+    MessagePlugin.error(message);
+    return Promise.reject(error);
+  }
+);
+
+// 对外暴露
+export default request;
diff --git a/vite.config.js b/vite.config.js
index b8b7c4f..432d3f2 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,6 +8,15 @@ import { viteMockServe } from "vite-plugin-mock";
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  server: {
+    proxy: {
+      "/api": {
+        target: "http://192.168.1.10:8000",
+        changeOrigin: true,
+      },
+    },
+  },
+
   plugins: [
     vue(),
     vueJsx(),