From 21bce5ec231ff26e8045df410ee0ed2f44de07bd Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Wed, 27 Dec 2023 12:48:51 +0800
Subject: [PATCH] =?UTF-8?q?perf:axios=E6=96=B0=E5=A2=9E=E6=98=AF=E5=90=A6?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E5=AE=8C=E6=AF=95=E5=AD=97=E6=AE=B5=E5=B9=B6?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=AA=A8=E6=9E=B6=E5=B1=8F=E5=87=BA=E7=8E=B0?=
 =?UTF-8?q?=E7=9A=84=E6=97=B6=E6=9C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/config/axios/service.js |  5 ++++
 Yi.Bbs.Vue3/src/views/Discuss.vue       |  4 ++-
 Yi.Bbs.Vue3/src/views/home/Index.vue    | 40 ++++++++++++++++---------
 3 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/config/axios/service.js b/Yi.Bbs.Vue3/src/config/axios/service.js
index 141385a8..7c677d5d 100644
--- a/Yi.Bbs.Vue3/src/config/axios/service.js
+++ b/Yi.Bbs.Vue3/src/config/axios/service.js
@@ -17,6 +17,7 @@ const service = axios.create({
   timeout: request_timeout, // 请求超时时间
   headers: { "Content-Type": "application/json" },
   hideerror: false, //是否在底层显示错误信息
+  isFinish: false,
 });
 
 // 添加请求拦截器
@@ -41,9 +42,12 @@ service.interceptors.request.use(
 // 添加响应拦截器
 service.interceptors.response.use(
   (response) => {
+    const { config } = response;
+    config.isFinish = true;
     return Promise.resolve(response);
   },
   (error) => {
+    const { config } = error;
     // 对响应错误做点什么
     if (error.message.indexOf("timeout") != -1) {
       ElMessage({
@@ -86,6 +90,7 @@ service.interceptors.response.use(
         }
       }
     }
+    config.isFinish = true;
     return Promise.reject(error.response);
   }
 );
diff --git a/Yi.Bbs.Vue3/src/views/Discuss.vue b/Yi.Bbs.Vue3/src/views/Discuss.vue
index 7cec67e9..acfb77b5 100644
--- a/Yi.Bbs.Vue3/src/views/Discuss.vue
+++ b/Yi.Bbs.Vue3/src/views/Discuss.vue
@@ -69,7 +69,7 @@
       </el-collapse-item>
     </el-collapse>
     <el-divider v-show="topDiscussList.length > 0" />
-    <template v-if="discussList.length > 0">
+    <template v-if="isDiscussFinished">
       <div class="div-item" v-for="i in discussList">
         <DisscussCard :discuss="i" />
       </div>
@@ -121,6 +121,7 @@ const router = useRouter();
 const activeName = ref("new");
 //主题内容
 const discussList = ref([]);
+const isDiscussFinished = ref(false);
 //置顶主题内容
 const topDiscussList = ref([]);
 const total = ref(100);
@@ -158,6 +159,7 @@ const handleReset = () => {
 //加载discuss
 const loadDiscussList = async () => {
   const response = await getList(query);
+  isDiscussFinished.value = response.config.isFinish;
   discussList.value = response.data.items;
   total.value = Number(response.data.totalCount);
 
diff --git a/Yi.Bbs.Vue3/src/views/home/Index.vue b/Yi.Bbs.Vue3/src/views/home/Index.vue
index cfbe3b8c..965ed3e6 100644
--- a/Yi.Bbs.Vue3/src/views/home/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/home/Index.vue
@@ -22,7 +22,7 @@
               :isPublish="i.isDisableCreateDiscuss"
             />
           </el-col>
-          <template v-if="discussList.length > 0">
+          <template v-if="isDiscussFinished">
             <el-col :span="24" v-for="i in discussList">
               <DisscussCard :discuss="i" />
             </el-col>
@@ -30,7 +30,7 @@
           <template v-else>
             <Skeleton :isBorder="true" />
           </template>
-          <template v-if="allDiscussList.length > 0">
+          <template v-if="isAllDiscussFinished">
             <el-col :span="24" v-for="i in allDiscussList">
               <DisscussCard :discuss="i" />
             </el-col>
@@ -77,7 +77,7 @@
             </InfoCard>
           </el-col>
           <el-col :span="24">
-            <template v-if="pointList.length > 0">
+            <template v-if="isPointFinished">
               <InfoCard
                 :items="pointList"
                 header="本月排行"
@@ -97,7 +97,7 @@
           </el-col>
 
           <el-col :span="24">
-            <template v-if="friendList.length > 0">
+            <template v-if="isFriendFinished">
               <InfoCard
                 :items="friendList"
                 header="推荐好友"
@@ -116,7 +116,7 @@
             </template>
           </el-col>
           <el-col :span="24">
-            <template v-if="themeList.length > 0">
+            <template v-if="isThemeFinished">
               <InfoCard
                 :items="themeList"
                 header="推荐主题"
@@ -170,12 +170,17 @@ import Skeleton from "@/components/Skeleton/index.vue";
 
 const plateList = ref([]);
 const discussList = ref([]);
+const isDiscussFinished = ref(false);
 const bannerList = ref([]);
 const weekList = ref([]);
 const pointList = ref([]);
+const isPointFinished = ref(false);
 const friendList = ref([]);
+const isFriendFinished = ref(false);
 const themeList = ref([]);
+const isThemeFinished = ref([]);
 const allDiscussList = ref([]);
+const isAllDiscussFinished = ref(false);
 
 const items = [{ user: "用户1" }, { user: "用户2" }, { user: "用户3" }];
 //主题查询参数
@@ -190,23 +195,30 @@ onMounted(async () => {
   access();
   const { data: plateData } = await getList();
   plateList.value = plateData.items;
-  const { data: discussData } = await getHomeDiscuss();
+  const { data: discussData, config: discussConfig } = await getHomeDiscuss();
   discussList.value = discussData;
+  isDiscussFinished.value = discussConfig.isFinish;
   const { data: bannerData } = await bannerGetList();
   bannerList.value = bannerData.items;
   const { data: weekData } = await getWeek();
   weekList.value = weekData;
-  const { data: pointData } = await getRankingPoints();
+  const { data: pointData, config: pointConfig } = await getRankingPoints();
   pointList.value = pointData;
-  const { data: friendData } = await getRecommendedFriend();
+  isPointFinished.value = pointConfig.isFinish;
+  const { data: friendData, config: friendConfig } =
+    await getRecommendedFriend();
   friendList.value = friendData;
-  const { data: themeData } = await getRecommendedTopic();
+  isFriendFinished.value = friendConfig.isFinish;
+  const { data: themeData, config: themeConfig } = await getRecommendedTopic();
   themeList.value = themeData;
-  const { data: allDiscussData } = await getAllDiscussList({
-    Type: 0,
-    skipCount: 1,
-    maxResultCount: 5,
-  });
+  isThemeFinished.value = themeConfig.isFinish;
+  const { data: allDiscussData, config: allDiscussConfig } =
+    await getAllDiscussList({
+      Type: 0,
+      skipCount: 1,
+      maxResultCount: 5,
+    });
+  isAllDiscussFinished.value = allDiscussConfig.isFinish;
   allDiscussList.value = allDiscussData.items;
 });