✨ feat(我的模块): 我的收藏和我的点赞API请求调整

@@ -4,6 +4,8 @@ const Api = {
   CHANGE_PERFORMER: '/srv/?a=change_performer',
   MY_INFO: '/srv/?a=my_info',
   MY_PERFORMER: '/srv/?a=my_performer',
+  MY_LIKE: '/srv/?a=my_like',
+  MY_FAVOR: '/srv/?a=my_favor',
 }
 
 /**
@@ -26,3 +28,17 @@ export const myInfoAPI = (params) => fn(fetch.get(Api.MY_INFO, params));
  * @returns 
  */
 export const myPerformerAPI = (params) => fn(fetch.get(Api.MY_PERFORMER, params));
+
+/**
+ * @description: 点赞列表信息
+ * @param {*} params 
+ * @returns 
+ */
+export const myLikeAPI = (params) => fn(fetch.get(Api.MY_LIKE, params));
+
+/**
+ * @description: 收藏列表信息
+ * @param {*} params 
+ * @returns 
+ */
+export const myFavorAPI = (params) => fn(fetch.get(Api.MY_FAVOR, params));

@@ -16,11 +16,10 @@
 import VideoCard from '@/components/VideoCard/index.vue'
 import no_image from '@images/que-shuju@2x.png'
 import { onBeforeRouteLeave } from 'vue-router'
-import { ref } from 'vue'
-import axios from '@/utils/axios';
-import { Toast } from 'vant';
+import { ref, onMounted } from 'vue'
 import _ from 'lodash'
 import { useScrollTop } from '@/composables';
+import { myFavorAPI } from '@/api/C/me.js'
 
 const { resetScrollTop, store } = useScrollTop(); // 页面滚动恢复
 resetScrollTop('scrollTopCollection');
@@ -34,30 +33,19 @@ onBeforeRouteLeave(() => {
 const prodList = ref([])
 // 因为不能让空图标提前出来的写法
 const emptyStatus = ref(false);
-axios.get('/srv/?a=my_favor')
-  .then(res => {
-    if (res.data.code === 1) {
-      prodList.value = res.data.data.prod;
-      _.each(prodList.value, (item) => {
-        item.type = 'read-only' // 特殊标识，判断入口 为keepAlive使用
-      });
-      if (!res.data.data.prod.length) {
+
+onMounted(async () => {
+  // 获取点赞列表
+  const { data } = await myFavorAPI();
+  if (!data.prod.length) {
     emptyStatus.value = true;
-      }
   } else {
-      console.warn(res);
-      if (!res.data.show) return false;
-      Toast({
-        icon: 'close',
-        message: res.data.msg
-      });
-    }
+    prodList.value = data.prod;
+    _.each(prodList.value, (item) => {
+      item.type = 'read-only'; // 特殊标识，判断入口 为keepAlive使用
     })
-  .catch(err => {
-    console.error(err);
-  });
-
-
+  }
+});
 </script>
 
 <style lang="less" scoped>

@@ -16,11 +16,10 @@
 import VideoCard from '@/components/VideoCard/index.vue'
 import no_image from '@images/que-shuju@2x.png'
 import { onBeforeRouteLeave } from 'vue-router'
-import { ref } from 'vue'
-import axios from '@/utils/axios';
-import { Toast } from 'vant';
+import { ref, onMounted } from 'vue'
 import _ from 'lodash'
 import { useScrollTop } from '@/composables';
+import { myLikeAPI } from '@/api/C/me.js'
 
 /******************** 返回点击位置 ********************/
 const { resetScrollTop, store } = useScrollTop(); // 页面滚动恢复
@@ -33,30 +32,22 @@ onBeforeRouteLeave(() => {
 /*****************************************************/
 
 // 处理书籍下作品列表
-const prodList = ref([])
+const prodList = ref([]);
+
 // 因为不能让空图标提前出来的写法
 const emptyStatus = ref(false);
-axios.get('/srv/?a=my_like')
-.then(res => {
-  if (res.data.code === 1) {
-    prodList.value = res.data.data.prod;
+
+onMounted(async () => {
+  // 获取点赞列表
+  const { data } = await myLikeAPI();
+  if (!data.prod.length) {
+    emptyStatus.value = true;
+  } else {
+    prodList.value = data.prod;
     _.each(prodList.value, (item) => {
       item.type = 'read-only'; // 特殊标识，判断入口 为keepAlive使用
     })
-    if (!res.data.data.prod.length) {
-      emptyStatus.value = true;
-    }
-  } else {
-    console.warn(res);
-    if (!res.data.show) return false;
-    Toast({
-      icon: 'close',
-      message: res.data.msg
-    });
   }
-})
-.catch(err => {
-  console.error(err); 
 });
 </script>