feat: 完善前端

Yi.App.Vue3/src/api/articleApi.ts

@@ -1,17 +1,16 @@
 import myaxios from '@/utils/myaxios'
-import { ArticleEntity } from '@/type/interface/ArticleEntity'
 
 export default {
     add(data:any) {
         return myaxios({
-            url: `/article/add`,
+            url: `/Trends`,
             method: 'post',
             data: data
         })
     },
     pageList(data:any) {
         return myaxios({
-          url: '/article/pageList',
+          url: '/Trends',
           method: 'get',
           params: data
         })

Yi.App.Vue3/src/api/login.ts

@@ -33,7 +33,7 @@ export function register(data:any) {
 // 获取用户详细信息
 export function getInfo() {
   return myaxios({
-    url: '/account/getUserAllInfo',
+    url: '/account',
     method: 'get'
   })
 }

Yi.App.Vue3/src/permission.ts

@@ -4,7 +4,7 @@ import router from './router'
 // import 'nprogress/nprogress.css'
 import { getToken } from '@/utils/auth'
 // import { isHttp } from '@/utils/validate'
-import useUserStore from '@/store/modules/user'
+import useUserStore from '@/store/modules/user.js'
 import { isRelogin } from '@/utils/myaxios'
 // import useSettingsStore from '@/store/modules/settings'
 // import usePermissionStore from '@/store/modules/permission'

Yi.App.Vue3/src/store/modules/user.ts

@@ -21,21 +21,23 @@ const useUserStore = defineStore(
         return new Promise((resolve, reject) => {
        
           login(username, password, code, uuid).then(res => {
-            if(!res.status)
+            if(!(res as any).succeeded)
             {
               reject(res)
             }
             setToken(res.data.token);
             this.token = res.data.token;
-            resolve(res);
+    
+          return  resolve(res);
           }).catch(error => {
-            reject(error)
+            return  reject(error)
           })
         })
       },
       // 获取用户信息
       getInfo() {
         return new Promise((resolve, reject) => {
+       
           getInfo().then(response => {
             const res=response.data;
             const user = res.user
@@ -55,9 +57,9 @@ const useUserStore = defineStore(
             this.user.username = user.userName;
             this.user.nick=user.nick
             this.user.icon = user.icon;
-            resolve(res)
+           resolve(res)
           }).catch(error => {
-            reject(error)
+           reject(error)
           })
 
 

Yi.App.Vue3/src/utils/myaxios.ts

@@ -5,37 +5,43 @@ import axios from 'axios'
 import JsonBig from 'json-bigint'
 import { getToken } from '@/utils/auth'
 import { useRouter } from "vue-router";
-import useUserStore from '@/store/modules/user'
+import useUserStore from '@/store/modules/user.js'
 import { Notify } from 'vant';
 // import VuetifyDialogPlugin from 'vuetify-dialog/nuxt/index';
 export let isRelogin = { show: false };
 const myaxios = axios.create({
-        // baseURL:'/'// 
-        baseURL: import.meta.env.VITE_APP_BASE_API, // /dev-apis
-        timeout: 50000,
-        headers: {
-            'Authorization': 'Bearer ' + ""
-        },
-        //雪花id精度问题
-        transformResponse: [ data => {
-            const json = JsonBig({
-              storeAsString: true
-            })
-            return json.parse(data)
-          }],
-    })
-    // 请求拦截器
-myaxios.interceptors.request.use(function(config:any) {
-    const isToken = (config.headers || {}).isToken === false
-    // 是否需要防止数据重复提交
-    const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
-    if (getToken() && !isToken) {
-        config.headers['Authorization'] = 'Bearer ' + getToken()
-      }
-    // store.dispatch("openLoad");
-    return config;
-}, function(error) {
-    return Promise.reject(error);
+  // baseURL:'/'// 
+  baseURL: import.meta.env.VITE_APP_BASE_API, // /dev-apis
+  timeout: 50000,
+  headers: {
+    'Authorization': 'Bearer ' + ""
+  },
+  //雪花id精度问题
+  transformResponse: [data => {
+    const json = JsonBig({
+      storeAsString: true
+    });
+    try {
+      return json.parse(data);
+    }
+    catch
+    {
+      return data;
+    }
+  }],
+})
+// 请求拦截器
+myaxios.interceptors.request.use(function (config:any) {
+  const isToken = (config.headers || {}).isToken === false
+  // 是否需要防止数据重复提交
+  const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
+  if (getToken() && !isToken) {
+    config.headers['Authorization'] = 'Bearer ' + getToken()
+  }
+  // store.dispatch("openLoad");
+  return config;
+}, function (error) {
+  return Promise.reject(error);
 });
 
 // 响应拦截器
@@ -53,18 +59,25 @@ myaxios.interceptors.response.use(async function(response) {
   }
     // store.dispatch("closeLoad");
     return resp;
-}, async function(error) {
+}, 
+async function(error) {
+const code=error.response.status;
+const message=error.message;
 //未授权、失败
 if(error.response==undefined)
 {
   Notify({ type: 'danger', message: `服务器异常:${error.message}` });
+
+  // useUserStore().logOut().then(() => {
+  //   location.href = '/';
+  // })
+
   return Promise.reject(error);;
 }
 
-const resp = error.response.data
-if (resp.code == undefined && resp.message == undefined) {
+if (code == undefined &&message == undefined) {
     Notify({ type: 'danger', message: '未知错误' });
-} else if (resp.code == 401) {
+} else if (code == 401) {
     // if (!isRelogin.show) {
       Notify({ type: 'warning', message: '登录过期' });
     //登出
@@ -73,9 +86,10 @@ if (resp.code == undefined && resp.message == undefined) {
       })
       isRelogin.show = false;
     // }
-} else if (resp.code !== 200) {
-    Notify({ type: 'danger', message: `错误代码：${resp.code}，原因：${resp.message}` });
+} else if (code !== 200) {
+    Notify({ type: 'danger', message: `错误代码：${code}，原因：${message}` });
 }
     return Promise.reject(error);
 });
+
 export default myaxios

Yi.App.Vue3/src/view/login.vue

@@ -36,8 +36,9 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { useRouter } from "vue-router";
-import useUserStore from "@/store/modules/user";
+import useUserStore from "@/store/modules/user.js";
 import { Toast } from "vant";
+import { debug } from "console";
 
 const router = useRouter();
 const redirect = ref(undefined);
@@ -55,15 +56,16 @@ const login = () => {
     .login(loginForm.value)
     .then((response: any) => {
       Toast({
-        message: response.message,
+        message: "登录成功",
         position: "bottom",
       });
+   
       router.push({ path: redirect.value || "/" });
     })
     .catch((response:any) => {
       loginForm.value.password="";
       Toast({
-        message: response.message,
+        message: response.errors,
         position: "bottom",
       });
       // loading.value = false;

Yi.App.Vue3/src/view/main/recommend.vue

@@ -58,10 +58,15 @@
               text="评论"
               @click="openComment(item.id)"
             />
-            <van-grid-item
+            <!-- <van-grid-item
               icon="good-job-o"
               :text="`点赞:${item.agreeNum}`"
               @click="aggreeHand(item.id)"
+            /> -->
+                      <van-grid-item
+              icon="good-job-o"
+              :text="`点赞:10`"
+              @click="aggreeHand(item.id)"
             />
           </van-grid>
         </van-col>
@@ -113,7 +118,6 @@ import AppUserIcon from "@/components/AppUserIcon.vue";
 import articleApi from "@/api/articleApi";
 import agreeApi from "@/api/agreeApi";
 import commentApi from "@/api/commentApi";
-import { ArticleEntity } from "@/type/interface/ArticleEntity";
 const VanImagePreview = ImagePreview.Component;
 const url = `${import.meta.env.VITE_APP_BASE_API}/file/`;
 const data = reactive({
@@ -174,19 +178,17 @@ const onLoad = async () => {
   // 异步更新数据
   // setTimeout 仅做示例，真实场景中一般为 ajax 请求
   articleApi.pageList(queryParams.value).then((response: any) => {
-    if (response.data.data.length == 0) {
+    if (response.data.items.length == 0) {
       console.log("结束");
       finished.value = true;
     } else {
       console.log("执行");
-      articleList.value.push(...response.data.data);
+      articleList.value.push(...response.data.items);
       totol.value = response.data.totol;
       queryParams.value.pageNum += 1;
     }
 
     loading.value = false;
-
-    console.log(loading.value);
   });
 };
 const onRefresh = () => {

Yi.App.Vue3/src/view/my.vue

@@ -93,7 +93,7 @@ import AppGrid from "@/components/AppGrid.vue";
 import { AppGridData } from "@/type/class/AppGridData";
 import { ref } from "vue";
 import { Dialog } from "vant";
-import useUserStore from "@/store/modules/user";
+import useUserStore from "@/store/modules/user.js";
 import { storeToRefs } from 'pinia';
 import   AppUserIcon from "@/components/AppUserIcon.vue";
 const show = ref<boolean>(false);