修复页面加载不出的问题

Yi.Vue3.x.Vant/src/main.ts

@@ -3,9 +3,11 @@ import './style.css'
 import 'vant/es/image-preview/style';
 import 'vant/es/toast/style';
 import 'vant/es/dialog/style';
+import 'vant/es/notify/style';
 import router from './router'
 import store from './store'
 import './permission'
+
 import App from './App.vue'
 
 const app=createApp(App)

Yi.Vue3.x.Vant/src/store/modules/user.ts

@@ -7,8 +7,7 @@ const useUserStore = defineStore(
   {
     state: () => ({
       token: getToken(),
-      name: '',
-      avatar: '',
+      user:{username:"",nick:""},
       roles: [],
       permissions: []
     }),
@@ -49,7 +48,8 @@ const useUserStore = defineStore(
             }
             // this.roles = ["admin"];
             // this.permissions=["*:*:*"]
-            this.name = user.userName
+            this.user.username = user.userName;
+            this.user.nick=user.nick
             this.avatar = avatar;
             resolve(res)
           }).catch(error => {

Yi.Vue3.x.Vant/src/utils/myaxios.ts

@@ -5,6 +5,7 @@ import JsonBig from 'json-bigint'
 import { getToken } from '@/utils/auth'
 import { useRouter } from "vue-router";
 import useUserStore from '@/store/modules/user'
+import { Notify } from 'vant';
 // import VuetifyDialogPlugin from 'vuetify-dialog/nuxt/index';
 export let isRelogin = { show: false };
 const myaxios = axios.create({
@@ -40,37 +41,7 @@ myaxios.interceptors.request.use(function(config) {
 myaxios.interceptors.response.use(async function(response) {
 //成功
     const resp = response.data
-    // if (resp.code == undefined && resp.message == undefined) {
-    //     alert("直接爆炸")
-    //     // vm.$dialog.notify.error("错误代码：无，原因：与服务器失去连接", {
-    //     //     position: "top-right",
-    //     //     timeout: 5000,
-    //     // });
-    // } else if (resp.code == 401) {
-    //     alert("登录过期！重新登录");
-
-    //     const router = useRouter();
-    //     router.push({ path:"/login" });
-
-    //     // const res = await vm.$dialog.error({
-    //     //     text: `错误代码：${resp.code}，原因：${resp.message}<br>是否重新进行登录？`,
-    //     //     title: '错误',
-    //     //     actions: {
-    //     //         'false': '取消',
-    //     //         'true': '跳转'
-    //     //     }
-    //     // });
-    //     // if (res) {
-    //     //     vm.$router.push({ path: "/login" });
-    //     // }
-
-    // } else if (resp.code !== 200) {
-    //     // vm.$dialog.notify.error(`错误代码：${resp.code}，原因：${resp.message}`, {
-    //     //     position: "top-right",
-    //     //     timeout: 5000,
-    //     // });
-    // }
-
+  
     // store.dispatch("closeLoad");
     return resp;
 }, async function(error) {
@@ -79,17 +50,13 @@ const resp = error.response.data
 
 
 if (resp.code == undefined && resp.message == undefined) {
-    alert("直接爆炸")
-    // vm.$dialog.notify.error("错误代码：无，原因：与服务器失去连接", {
-    //     position: "top-right",
-    //     timeout: 5000,
-    // });
+    Notify({ type: 'danger', message: '未知错误' });
 } else if (resp.code == 401) {
     if (!isRelogin.show) {
 
      
 
-    alert("登录过期！重新登录");
+      Notify({ type: 'warning', message: '登录过期' });
     //登出
     useUserStore().logOut().then(() => {
         location.href = '/';
@@ -113,7 +80,7 @@ if (resp.code == undefined && resp.message == undefined) {
     // }
 
 } else if (resp.code !== 200) {
-    alert("服务器内部错误")
+    Notify({ type: 'danger', message: `错误代码：${resp.code}，原因：${resp.message}` });
     // vm.$dialog.notify.error(`错误代码：${resp.code}，原因：${resp.message}`, {
     //     position: "top-right",
     //     timeout: 5000,

Yi.Vue3.x.Vant/src/view/main/recommend.vue

@@ -19,7 +19,7 @@
         </van-col>
 
         <van-col span="14" class="centerTitle">
-          <span class="justtitle"> 大白</span>
+          <span class="justtitle">{{item.user==null?"-":(item.user.nick??item.user.username)}}</span>
           <br />
           <app-createTime :time="item.createTime" />
         </van-col>
@@ -30,7 +30,7 @@
 
         <van-col class="rowBody" span="24">{{ item.content }}</van-col>
 
-        <!-- <van-col
+     <van-col
           span="8"
           v-for="(image, imageIndex) in item.images"
           :key="imageIndex"
@@ -42,7 +42,7 @@
             :src="url + image"
             radius="5"
           />
-        </van-col> -->
+        </van-col> 
 
         <van-col span="24" class="bottomRow">
           <van-grid direction="horizontal" :column-num="3">

Yi.Vue3.x.Vant/src/view/my.vue

@@ -16,7 +16,7 @@
         src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
       />
     </van-col>
-    <van-col span="12" class="title"><span>大白不在家</span></van-col>
+    <van-col span="12" class="title"><span>{{user.nick}}</span></van-col>
     <van-col span="6" class="subtitle"
       ><span>个人主页<van-icon name="arrow" /></span
     ></van-col>
@@ -99,6 +99,7 @@ import { AppGridData } from "@/type/class/AppGridData.ts";
 import { ref } from "vue";
 import { Dialog } from "vant";
 import useUserStore from "@/store/modules/user";
+import { storeToRefs } from 'pinia';
 const show = ref<boolean>(false);
 let data1: AppGridData = {
   head: "个人中心",
@@ -159,13 +160,15 @@ let data3: AppGridData = {
     },
   ],
 };
+const userStore=useUserStore();
+const {user}=storeToRefs(useUserStore());
 const outLog = () => {
   Dialog.confirm({
     title: "提示",
     message: "确定退出当前用户吗？",
   })
     .then(() => {
-      useUserStore()
+      userStore
         .logOut()
         .then((response: any) => {
           location.href = "/";
@@ -175,6 +178,7 @@ const outLog = () => {
       // on cancel
     });
 };
+
 </script>
 <style scoped>
 .grid {