From ca3c0fc5fe01ef6a9904fa1867b3e91beaa771de Mon Sep 17 00:00:00 2001
From: helloworld180 <1678854362@qq.com>
Date: Tue, 17 Dec 2024 21:59:10 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9axiosConfig=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=92=8Cvue.config.js=E6=96=87=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E6=97=B6import=E5=89=8D=E8=80=85=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E6=AF=8F=E4=B8=AA=E6=8E=A5=E5=8F=A3=E4=B8=8D?=
 =?UTF-8?q?=E7=94=A8=E5=86=99http=E5=89=8D=E7=BC=80=E5=92=8C=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E5=A4=B4=EF=BC=8Cbaseurl=E5=9C=A8vue.config.js?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=87=8C=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/axiosConfig.js | 30 +++++-------------------------
 vue.config.js            | 11 +++++++----
 2 files changed, 12 insertions(+), 29 deletions(-)

diff --git a/src/utils/axiosConfig.js b/src/utils/axiosConfig.js
index 914655c3..be0c8bbe 100644
--- a/src/utils/axiosConfig.js
+++ b/src/utils/axiosConfig.js
@@ -4,8 +4,8 @@ import {getToken} from '@/token/auth' // 注意这里使用了解构赋值来导
 
 // 创建axios实例
 const service = axios.create({
-  // baseURL: 'http://47.122.59.26:8080/api', // 配置基础URL   如果服务器域名发生变化统一可以去.env文件修改
-  baseURL: 'http://10.133.6.46:8082/loveforest',
+  // 去vue.config.js文件改baseurl！！
+  baseURL: '/api',  // 注意！！ 这里全局统一加上了 '/api' 前缀，但是vue.config.js文件在发送请求时去掉了/api，所以页面的请求接口若有/api还是要携带/api
   timeout: 5000, // 请求超时时间
 });
 
@@ -13,7 +13,7 @@ const service = axios.create({
 service.interceptors.request.use(
   config => {
     // 在发送请求之前做些什么
-    const token = getToken(); // 获取token的方式取决于你的应用
+    const token = getToken(); // 获取token
     // console.log('请求拦截器的token是：' +token)
     console.log('Request Config:', config);
     if (token) {
@@ -24,7 +24,7 @@ service.interceptors.request.use(
     return config;
   },
   error => {
-    // 对请求错误做些什么
+    // 请求错误
     console.error('Request Error:', error);
     return Promise.reject(error);
   }
@@ -33,32 +33,12 @@ service.interceptors.request.use(
 //响应拦截器
 service.interceptors.response.use(
   response => {
-    // 对响应数据做点什么
-    // ！！！注意！！！这里返回已经包含data
     const res = response.data;
-    // 你可以根据实际情况在这里添加一些通用的响应处理逻辑
-    // 例如，根据返回的状态码判断请求是否成功
-    // if (res.code !== 200) {
-      // 业务错误处理，比如弹窗提示等
-      // return Promise.reject(new Error(res.message || 'Error'));
-    // } else {
       console.log(res)
       return res;
-    // }
   },
   error => {
-    // 对响应错误做点什么
-    // if (error.response) {
-        // 请求已发出，但服务器响应的状态码不在2xx的范围
-      //   console.error('Error status:', error.response.status);
-      //   console.error('Error data:', error.response.data);
-      // } else if (error.request) {
-        // 请求已发出，但没有收到响应
-      //   console.error('Error request:', error.request);
-      // } else {
-        // 在设置请求时触发错误
-        console.error('响应拦截器errorMessage:', error.message);
-      // }
+      console.error('响应拦截器errorMessage:', error.message);
       return Promise.reject(error);
   }
 );
diff --git a/vue.config.js b/vue.config.js
index 2dc5ff8b..1dcd0a64 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -5,10 +5,13 @@ module.exports = defineConfig({
     port: 8080,
     https: false,
     proxy:{
-      '/auth/login':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true,
-      },
+      '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+          target: 'http://47.122.59.26:8083',     //代理的目标地址
+          changeOrigin: true,              //是否设置同源，输入是的
+          pathRewrite: {                   //路径重写
+              '^/api': ''                     //选择忽略拦截器里面的内容
+          }
+      }
     }
   },
   transpileDependencies: true

From 5a1dc46cc1abd07e42a21a09489a101e84ca64b1 Mon Sep 17 00:00:00 2001
From: xuan <3142316616@qq.com>
Date: Tue, 17 Dec 2024 22:32:54 +0800
Subject: [PATCH 2/3] .

---
 src/assets/css/community/community.css |  26 +++-
 src/utils/axiosConfig.js               |  30 +++-
 src/views/community/PostCard.vue       | 192 +++----------------------
 src/views/community/Postform.vue       |   6 +-
 src/views/community/trends.vue         |  79 +++++-----
 src/views/login/login.vue              |  14 +-
 vue.config.js                          |  35 ++++-
 7 files changed, 141 insertions(+), 241 deletions(-)

diff --git a/src/assets/css/community/community.css b/src/assets/css/community/community.css
index 96cd3f10..9cb0a82d 100644
--- a/src/assets/css/community/community.css
+++ b/src/assets/css/community/community.css
@@ -1,17 +1,35 @@
 
+/* 设置进入和离开的过渡效果 */
 
-/* 离开动画 */
 .post-list .fade-leave-active {
   transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
 }
 
-.post-list .fade-leave-to /* 离开完成后状态 */
-{
+.post-list .fade-enter-active {
+  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
+}
+
+/* 元素进入时，缩放并渐变 */
+.post-list .fade-leave-to /* .fade-leave-active in Vue 2.x */ {
   opacity: 0;
-  transform: translateX(100%) scale(0.5); /* 离开时从右边滑出并缩小 */
+  transform: scale(0.5); /* 初始状态为缩小 */
+}
+.post-list .fade-enter{
+  opacity: 0;
+  transform: scale(0.5); /* 初始状态为缩小 */
 }
 
+/* 元素进入时恢复到原尺寸 */
+.post-list .fade-enter-to {
+  opacity: 1;
+  transform: scale(1); /* 变大恢复正常尺寸 */
+}
 
+/* 元素离开时，继续保持缩小状态 */
+.post-list .fade-leave-to {
+  opacity: 0;
+  transform: scale(0.5); /* 离开时缩小 */
+}
 
 
 
diff --git a/src/utils/axiosConfig.js b/src/utils/axiosConfig.js
index be0c8bbe..a6561ad7 100644
--- a/src/utils/axiosConfig.js
+++ b/src/utils/axiosConfig.js
@@ -4,8 +4,8 @@ import {getToken} from '@/token/auth' // 注意这里使用了解构赋值来导
 
 // 创建axios实例
 const service = axios.create({
-  // 去vue.config.js文件改baseurl！！
-  baseURL: '/api',  // 注意！！ 这里全局统一加上了 '/api' 前缀，但是vue.config.js文件在发送请求时去掉了/api，所以页面的请求接口若有/api还是要携带/api
+  // baseURL: 'http://47.122.59.26:8080/api', 
+  // baseURL: 'http://10.205.10.22:8081/loveforest/api/',
   timeout: 5000, // 请求超时时间
 });
 
@@ -13,7 +13,7 @@ const service = axios.create({
 service.interceptors.request.use(
   config => {
     // 在发送请求之前做些什么
-    const token = getToken(); // 获取token
+    const token = getToken(); // 获取token的方式取决于你的应用
     // console.log('请求拦截器的token是：' +token)
     console.log('Request Config:', config);
     if (token) {
@@ -24,7 +24,7 @@ service.interceptors.request.use(
     return config;
   },
   error => {
-    // 请求错误
+    // 对请求错误做些什么
     console.error('Request Error:', error);
     return Promise.reject(error);
   }
@@ -33,12 +33,32 @@ service.interceptors.request.use(
 //响应拦截器
 service.interceptors.response.use(
   response => {
+    // 对响应数据做点什么
+    // ！！！注意！！！这里返回已经包含data
     const res = response.data;
+    // 你可以根据实际情况在这里添加一些通用的响应处理逻辑
+    // 例如，根据返回的状态码判断请求是否成功
+    // if (res.code !== 200) {
+      // 业务错误处理，比如弹窗提示等
+      // return Promise.reject(new Error(res.message || 'Error'));
+    // } else {
       console.log(res)
       return res;
+    // }
   },
   error => {
-      console.error('响应拦截器errorMessage:', error.message);
+    // 对响应错误做点什么
+    // if (error.response) {
+        // 请求已发出，但服务器响应的状态码不在2xx的范围
+      //   console.error('Error status:', error.response.status);
+      //   console.error('Error data:', error.response.data);
+      // } else if (error.request) {
+        // 请求已发出，但没有收到响应
+      //   console.error('Error request:', error.request);
+      // } else {
+        // 在设置请求时触发错误
+        console.error('响应拦截器errorMessage:', error.message);
+      // }
       return Promise.reject(error);
   }
 );
diff --git a/src/views/community/PostCard.vue b/src/views/community/PostCard.vue
index 28fd35b1..f9fecb2d 100644
--- a/src/views/community/PostCard.vue
+++ b/src/views/community/PostCard.vue
@@ -1,5 +1,4 @@
 <template>
-
   <div class="post-card">
     <div class="post-header">
       <img :src="avatarUrl" alt="avatar" class="avatar" />
@@ -16,31 +15,11 @@
           </div>
         </button>
 
-
-
-
         <span>{{ timestamp }}</span>
 
 
 
       </div>
-      <div style="right: -50%;position: relative;">
-        <button class="deletebutto" @click="openModal" v-if="this.userid===this.postuserid&&!showModal">
-          ×
-          删除
-
-        </button>
-        <transition name="fade" @before-enter="beforeEnter" @enter="enter" @leave="leave">
-          <div v-if="showModal">
-            <button @click="deletebutton" class="deletebutto">确定</button>
-            <button @click="cancelDelete" class="deletebutto">取消</button>
-          </div>
-        </transition>
-      </div>
-
-
-
-
       <div v-if="isfamilystory" class="ribbon-8">
         <span>
           家族故事
@@ -72,8 +51,7 @@
     <transition name="fade" @before-enter="beforeEnter" @enter="enter" @leave="leave">
       <div v-if="isCommentsVisible" class="comments-section">
         <div v-for="(comment, index) in comments" :key="index" class="comment">
-          <p><strong>{{ comment.userid}}:</strong> {{ comment.content }} <button v-if="comment.userid==this.userid" style="color:#FE4E96;"
-              @click="deletecomment(comment.commentid)">删除</button> </p>
+          <p><strong>{{ comment.userid}}:</strong> {{ comment.content }}</p>
         </div>
 
         <!-- 发布评论 -->
@@ -85,7 +63,7 @@
 
 <script>
   import CommentInput from './CommentInput.vue';
-  import axios from '@/utils/axiosConfig';
+  import axios from 'axios';
 
   export default {
 
@@ -116,11 +94,11 @@
     },
     created() {
 
-      if (this.userlikelist.some(follow => follow.postid === this.postid)) {//是否已经点赞判断 查找列表中是否有当前postid
+      if (this.userlikelist.some(follow => follow.postid === this.postid)) {
 
         this.isLiked = true;
       }
-      if (this.myfollows.some(follow => follow.myfollowid === this.postuserid)) {//是否已经关注判断 查找列表中是否有当前postuserid
+      if (this.myfollows.some(follow => follow.myfollowid === this.postuserid)) {
         this.followsbuttonActive = true;
       }
 
@@ -134,7 +112,6 @@
     },
     data() {
       return {
-        showModal: false,
         isActive: false,
         isLiked: false,
         isClicked: false,
@@ -143,56 +120,7 @@
       };
     },
     methods: {
-      async deletecomment(commentid) {
-        try {
-
-          const response = await axios.delete(`/comments/commentid=${commentid}`);
-          if (response === "删除评论成功!!") {
-
-            this.$message.success("删除评论成功!!可刷新后查看");
-
-
-          }
-          else {
-            this.$message.error(response);
-          }
-
-        } catch (error) {
-
-          this.$message.error("删除评论失败");
-          console.log(error);
-        }
-      },
 
-      cancelDelete() {
-        // 取消删除，隐藏弹窗
-        this.showModal = false;
-      },
-      openModal() {
-        this.showModal = true;
-      },
-      async deletebutton() {
-        try {
-
-          const response = await axios.delete(`/posts/postid=${this.postid}`);
-          if (response === "删除动态成功 ！！") {
-
-            this.$message.success("删除动态成功 ！！可刷新后查看");
-
-
-          }
-          else {
-            this.$message.error(response);
-          }
-
-        } catch (error) {
-
-          this.$message.error("删除动态失败");
-          console.log(error);
-        }
-        this.showModal = false;
-
-      },
       async followsbutton() {//关注按钮
         // 设置为 active，触发动画
         const useride = this.userid;
@@ -200,14 +128,14 @@
         if (this.followsbuttonActive == false) {
           try {
 
-            const response = await axios.post(`/Myfollows/userid=${useride}/myfollowid=${this.postuserid}`);
-            if (response === "关注成功！") {
+            const response = await axios.post(`http://localhost:8082/loveforest/Myfollows/userid=${useride}/myfollowid=${this.postuserid}`);
+            if (response.data === "关注成功！") {
 
-              this.$message.success(response);
+              this.$message.success(response.data);
               this.followsbuttonActive = true;
             }
             else {
-              this.$message.error(response);
+              this.$message.error(response.data);
             }
 
           } catch (error) {
@@ -221,14 +149,14 @@
         else {
           try {
 
-            const response = await axios.delete(`/Myfollows/userid=${useride}/myfollowid=${this.postuserid}`);
-            if (response === "取消关注成功！") {
-              this.$message.success(response);
+            const response = await axios.delete(`http://localhost:8082/loveforest/Myfollows/userid=${useride}/myfollowid=${this.postuserid}`);
+            if (response.data === "取消关注成功！") {
+              this.$message.success(response.data);
               this.followsbuttonActive = false;
 
             }
             else {
-              this.$message.error(response);
+              this.$message.error(response.data);
             }
 
           } catch (error) {
@@ -252,15 +180,15 @@
       async increaseLikeCount() {//点赞按钮
         if (!this.isLiked) {//假如没点赞
           try {
-            const response = await axios.post(`/likes/userid=${this.userid}/postid=${this.postid}`);
-            if (response === "点赞成功！") {
-              this.$message.success(response);
+            const response = await axios.post(`http://localhost:8082/loveforest/likes/userid=${this.userid}/postid=${this.postid}`);
+            if (response.data === "点赞成功！") {
+              this.$message.success(response.data);
               this.$emit('updateLikeCount', this.likeCount + 1);
               this.isLiked = !this.isLiked;
 
             }
             else {
-              this.$message.error(response);
+              this.$message.error(response.data);
             }
           } catch (error) {
 
@@ -270,16 +198,16 @@
         }
         else {//假如已经点赞
           try {
-            const response = await axios.delete(`/likes/userid=${this.userid}/postid=${this.postid}`);
-            if (response === "取消点赞成功！") {
+            const response = await axios.delete(`http://localhost:8082/loveforest/likes/userid=${this.userid}/postid=${this.postid}`);
+            if (response.data === "取消点赞成功！") {
 
-              this.$message.success("取消点赞成功");
+              this.$message.error("取消点赞成功");
               this.$emit('updateLikeCount', this.likeCount - 1);
               this.isLiked = !this.isLiked;
 
             }
             else {
-              this.$message.error(response);
+              this.$message.error(response.data);
             }
           } catch (error) {
 
@@ -317,80 +245,6 @@
 </script>
 
 <style scoped>
-  .fade-enter-active,
-  .fade-leave-active {
-    transition: opacity 0.5s ease-in-out;
-    /* 渐变动画 */
-  }
-
-  .fade-enter,
-  .fade-leave-to {
-    opacity: 0;
-    /* 初始透明度 */
-  }
-
-  /* 可选：按钮在进入时的缩放效果 */
-  .fade-enter {
-    transform: scale(0.8);
-  }
-
-  .fade-enter-active {
-    transition: opacity 0.3s ease, transform 0.3s ease;
-  }
-
-  .fade-leave-active {
-    transition: opacity 0.3s ease, transform 0.3s ease;
-  }
-
-  .fade-leave-to {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-
-  /* 控制显示时的定位变化 */
-  .fade-enter-to {
-    transform: translateY(0);
-  }
-
-  .fade-leave-to {
-    transform: translateY(-10px);
-  }
-
-  .modal-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 999;
-  }
-
-
-
-
-  .deletebutto {
-    margin-left: 10px;
-    margin-right: 10px;
-    position: relative;
-    width: 70px;
-    height: 30px;
-    line-height: 30px;
-    /* 修改 line-height 为与高度一致 */
-    border: none;
-    border-radius: 30px;
-    background: #FE4E96;
-    color: #fff;
-    text-align: center;
-    cursor: pointer;
-    font-size: 14px;
-
-
-  }
-
   .postimage {
     max-width: 600px;
     max-height: 600px;
@@ -494,12 +348,12 @@
   }
 
   .post-card {
-    opacity: 0.9;
+    opacity: 0.95;
     margin: 20px;
     border: 1px solid #ddd;
     padding: 15px;
-    border-radius: 15px;
-    background-color: #FFFBFB;
+    border-radius: 8px;
+    background-color: #fff;
   }
 
   .post-header {
diff --git a/src/views/community/Postform.vue b/src/views/community/Postform.vue
index 96db7a39..22ffdf80 100644
--- a/src/views/community/Postform.vue
+++ b/src/views/community/Postform.vue
@@ -126,6 +126,7 @@
           return;
         }
         const newPost = {
+          
           userid:1,
           username: '用户',
           avatarurl: 'https://via.placeholder.com/50',
@@ -233,9 +234,8 @@
   }
 
   .animate-card__layer {
-    height: 16px;
-    width: 7%;
-    font-size: 14px;
+    height: 5%;
+    width: 5%;
     background-color: #FE4E96;
     border: none;
   }
diff --git a/src/views/community/trends.vue b/src/views/community/trends.vue
index 1f10ea81..4bfc1562 100644
--- a/src/views/community/trends.vue
+++ b/src/views/community/trends.vue
@@ -76,7 +76,7 @@
       </div>
       <div class=heatlist style="margin-top:20px;display: flex;flex-direction:row;">
         <div
-          style="position:relative; display: flex;flex-direction:column;  color: white; font-weight: bold;margin-left: 20px ;gap:51px;margin-top:10px">
+          style="position:relative; display: flex;flex-direction:column;  color: white; font-weight: bold;margin-left: 20px ;gap:51px">
           <div class=Hotsearchnum style="background-color:red;">1</div>
           <div class=Hotsearchnum style="background-color:#ff8e51;">2</div>
           <div class=Hotsearchnum style="background-color:#ffc74fd2;">3</div>
@@ -85,16 +85,16 @@
 
         </div>
         <div
-          style="font-size: 14px; font-weight: 500; margin-left: 20px; display: flex; flex-direction: column; gap: 17px;width: 100%; ">
+          style="font-size: 14px; font-weight: 500; margin-left: 30px; display: flex; flex-direction: column; gap: 17px;width: 100%;">
           <div
-            style="overflow: hidden; list-style-type: none; width: 90%; height: 20%;max-height: 60px; background-color: rgba(255, 225, 240, 0.7); border-radius: 10%; position: relative; cursor: pointer;"
+            style="overflow: hidden; list-style-type: none; width: 90%; height: 20%; background-color: rgba(255, 225, 240, 0.7); border-radius: 10%; position: relative; cursor: pointer;"
             v-for="(Hotsearch, index) in HotsearchList" :key="index" @click="checkbypostid(Hotsearch.postid)">
 
             <div style=" font-weight: bold; margin-left: 10%; margin-top: 1%; ">{{ Hotsearch.username }}:</div>
             <div style="left:10%;width: 70%; font-size: 12px;position: relative;">{{ Hotsearch.content}}</div>
 
             <svg width="20" height="20" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" id="fire-station"
-              style="position: absolute;right:5.8% ;top:20%;fill:red ">
+              style="position: absolute;right:7% ;top:20%;fill:red ">
               <path
                 d="M7.5 14C11.0899 14 14 11 14 7.50003C14 4.5 11.5 2 11.5 2L10.5 5.5L7.5 1L4.5 5.5L3.5 2C3.5 2 1 4.5 1 7.50003C1 11 3.91015 14 7.5 14ZM7.5 12.5C6.11929 12.5 5 11.3807 5 10C5 8.61929 7.5 5.5 7.5 5.5C7.5 5.5 10 8.61929 10 10C10 11.3807 8.88071 12.5 7.5 12.5Z" />
             </svg>
@@ -123,8 +123,8 @@
 
       </div>
       <div class="familystorelist"
-        style="margin-top: 20px; display: flex; justify-content: center; flex-direction: column; gap: 10px;margin-left: 20px;">
-        <div v-for="(story, index) in checkfamilystories" :key="index" class="familystore"
+        style="margin-top: 20px; display: flex; justify-content: center; flex-direction: column; gap: 10px;">
+        <div v-for="(story, index) in familystories" :key="index" class="familystore"
           style="width: 95%; height: 70px; background-color: rgba(255, 225, 240, 0.7); border-radius: 10%; position: relative;cursor: pointer;"
           @click="checkbypostid(story.postid)">
           <img class="touxiang" src="../../assets/pictures/touxiang.png" />
@@ -142,8 +142,7 @@
 <script>
   import PostCard from './PostCard.vue';
   import PostForm from './Postform.vue';
-  import axios from '@/utils/axiosConfig';
-  // import {getToken} from '@/token/auth'
+  import axios from 'axios';
   export default {
     name: 'CommunityIndex', // 添加组件名称
     components: { PostCard, PostForm },
@@ -157,13 +156,12 @@
         hoverIndex: -1,
         selectedIndex: -1,
         isloading: false,
+        loaddone: 0,
         checkPostsindex: 0,
         checkPosts: [],
         page: 1,
         userid: 1,
         totalPages: 1,
-        familystoriespage:0,
-        checkfamilystories:[],
         posts: [
           {
 
@@ -209,14 +207,14 @@
       async fllowlist() {
 
         const userid = this.userid;//获取用户id
-        axios.get(`/Myfollows/userid=${userid}`)
+        axios.get(`http://localhost:8082/loveforest/Myfollows/userid=${userid}`)
           .then(response => {
 
 
             this.myfollows.splice(0, this.myfollows.length);
-            this.myfollows.push(...response);
+            this.myfollows.push(...response.data);
 
-            return response;
+            return response.data;
           })
           .catch(error => {
             console.error('Error:', error);
@@ -225,20 +223,20 @@
       },
 
       submitPost(newpost) {//发布帖子后，本地显示帖子
-        this.checkPosts.unshift(newpost); 
+        this.checkPosts = [newpost, ...this.checkPosts];
 
       },
       async load() {//加载帖子函数
         if (this.isloading) {
           try {
-            const response = await axios.get(`/posts`, {
+            const response = await axios.get(`http://localhost:8082/loveforest/posts`, {
               params: {
                 page: this.page,
                 size: 5,
               },
             });
 
-            const filteredPostsList = response.records;
+            const filteredPostsList = response.data.records;
 
 
             this.$message("动态加载中page" + this.page);
@@ -255,16 +253,14 @@
 
 
         try {
-          const response = await axios.get(`/posts/postid=${postid}`);
+          const response = await axios.get(`http://localhost:8082/loveforest/posts/postid=${postid}`);
           this.isloading = false;
-          console.error('动态动态！！！！：',response);
           this.checkPosts.splice(0, this.checkPosts.length);
-          this.checkPosts.push(response);
+          this.checkPosts.push(response.data);
 
 
         } catch (error) {
           console.error('动态获取失败', error);
-          
         }
 
 
@@ -272,13 +268,13 @@
 
       async loaduserlikes() {//加载user点赞列表 并会传入每个帖子做是否已经点赞的判断
         const userid = this.userid;//获取用户id
-        axios.get(`/likes/userid=${userid}`)
+        axios.get(`http://localhost:8082/loveforest/likes/userid=${userid}`)
           .then(response => {
 
-            this.userlikelist.splice(0, this.userlikelist.length);
-            this.userlikelist.push(...response);
+            this.userlikelist.splice(0, this.myfollows.length);
+            this.userlikelist.push(...response.data);
 
-            return response;
+            return response.data;
           })
           .catch(error => {
             console.error('Error:', error);
@@ -297,9 +293,9 @@
       },
       async loadhotpost() {//加载热门动态
         try {
-          const response = await axios.get(`/posts/topposts`);
-          this.HotsearchList.push(...response);
-          
+          const response = await axios.get(`http://localhost:8082/loveforest/posts/topposts`);
+          this.HotsearchList.push(...response.data);
+          console.log(response.data);
 
         } catch (error) {
           this.$message.error("热门动态获取失败");
@@ -310,9 +306,8 @@
 
       async loadhotfamilystory() {//加载热门家族故事
         try {
-          const response = await axios.get(`/posts/topfamilystory`);
-          this.familystories.push(...response);
-          this.checkfamilystories.push(...response.slice(0, 4));
+          const response = await axios.get(`http://localhost:8082/loveforest/posts/topfamilystory`);
+          this.familystories.push(...response.data);
 
 
         } catch (error) {
@@ -328,12 +323,12 @@
         this.selectedIndex = index;  // 点击后设置选中的项
 
         try {
-          const response = await axios.get(`/posts/userid=${userid}`);
+          const response = await axios.get(`http://localhost:8082/loveforest/posts/userid=${userid}`);
           this.isloading = false;
           this.checkPosts.splice(0, this.checkPosts.length);
 
-          this.checkPosts.push(...response);
-          if (response.length === 0) {
+          this.checkPosts.push(...response.data);
+          if (response.data.length === 0) {
             this.$message("对方还没有发过动态哦");
           }
 
@@ -355,8 +350,8 @@
       async toggleCommentsVisibility(index, postid) {//展开评论以及获取评论列表
         this.$message("评论区展开" + index);
         try {
-          const response = await axios.get(`/comments/postid=${postid}`);
-          this.checkPosts[index].comments = response;
+          const response = await axios.get(`http://localhost:8082/loveforest/comments/postid=${postid}`);
+          this.checkPosts[index].comments = response.data;
           //等待获取user名字接口
           this.checkPosts[index].isCommentsVisible = !this.checkPosts[index].isCommentsVisible;
 
@@ -370,7 +365,7 @@
       async addComment(index, commentText, postid) {//发送评论
 
         try {
-          const response = await axios.post('/comments/addcomments', {
+          const response = await axios.post('http://localhost:8082/loveforest/comments/addcomments', {
             userid: this.userid,
             postid: postid,
             content: commentText
@@ -380,7 +375,7 @@
               'Accept': 'application/json'
             }
           });
-          if (response=== "评论成功！") {
+          if (response.data === "评论成功！") {
             this.$message.success("评论成功！");
             this.checkPosts[index].comments.push({
               username: '用户名',//等待user接口
@@ -391,7 +386,7 @@
             this.checkPosts[index].commentCount += 1;
           }
           else {
-            this.$message.error(response);
+            this.$message.error(response.data);
           }
 
         } catch (error) {
@@ -405,14 +400,6 @@
       refresh() {//热门家族故事刷新换一批按钮
         // 点击后触发的刷新动作
         console.log('Refreshing...');
-
-        this.familystoriespage+=4;
-        if(this.familystoriespage>12){
-          this.familystoriespage=0;
-        }
-        this.checkfamilystories.splice(0, this.checkfamilystories.length);
-        this.checkfamilystories.push(...this.familystories.slice(this.familystoriespage, this.familystoriespage+4));
-
         this.triggerAnimation();
       },
 
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index d4d75316..47c3283a 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -246,7 +246,7 @@ export default {
                     this.$router.push('/main');
                 } catch (error) {
                     // 处理登录错误
-                    console.error('登录错误:', error);
+                    alert('登录错误:', error);
                 }
             }else{
                 alert("验证码错误")
@@ -262,18 +262,16 @@ export default {
             }
             try {
             // 这里调用后端注册接口
-            const response = await axios.post('', null, {
-                params:{
-                    username: this.regUser.regUsername,
-                    password: this.regUser.regPwd,
-                }
-            });
+            const response = await axios.post('/auth/register', {
+                username: this.regUser.regUsername,
+                password: this.regUser.regPwd
+            }, {});
                 // 处理注册成功逻辑
                 alert('注册成功');
                 console.log('注册成功', response);
             } catch (error) {
                 // 处理注册失败逻辑
-                console.error('注册失败', error);
+                alert('注册失败'+ error);
             }
         }
          },
diff --git a/vue.config.js b/vue.config.js
index 1dcd0a64..d3a0f5a2 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -5,12 +5,35 @@ module.exports = defineConfig({
     port: 8080,
     https: false,
     proxy:{
-      '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
-          target: 'http://47.122.59.26:8083',     //代理的目标地址
-          changeOrigin: true,              //是否设置同源，输入是的
-          pathRewrite: {                   //路径重写
-              '^/api': ''                     //选择忽略拦截器里面的内容
-          }
+      //登录接口
+      '/auth/login':{
+        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
+        changeOrigin : true,
+      },
+      //注册接口
+      '/auth/register':{
+        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
+        changeOrigin : true,
+      },
+      //获取好友列表接口
+      '/relationships':{
+        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
+        changeOrigin : true
+      },
+      //获取相应的聊天记录的接口
+      '/messages/chat':{
+        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
+        changeOrigin : true
+      },
+      //保存聊天的一条消息接口
+      '/messages/send':{
+        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
+        changeOrigin : true
+      },
+      //新消息是否被已读的接口
+      '/messages/mark-as-read':{
+        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
+        changeOrigin : true
       }
     }
   },

From 827084be9d75230d2d461e0d04f6927fdf21f0ea Mon Sep 17 00:00:00 2001
From: xuan <3142316616@qq.com>
Date: Wed, 18 Dec 2024 01:23:43 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E5=AE=9E=E6=97=B6=E9=80=9A=E4=BF=A1?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/axiosConfig.js |  4 +--
 src/views/chat/chat.vue  | 37 ++++++++++++++++++++++++
 vue.config.js            | 62 ++++++++++++++++++++++++----------------
 3 files changed, 76 insertions(+), 27 deletions(-)

diff --git a/src/utils/axiosConfig.js b/src/utils/axiosConfig.js
index a6561ad7..df07b0c2 100644
--- a/src/utils/axiosConfig.js
+++ b/src/utils/axiosConfig.js
@@ -4,8 +4,8 @@ import {getToken} from '@/token/auth' // 注意这里使用了解构赋值来导
 
 // 创建axios实例
 const service = axios.create({
-  // baseURL: 'http://47.122.59.26:8080/api', 
-  // baseURL: 'http://10.205.10.22:8081/loveforest/api/',
+  // 去vue.config.js文件改baseurl！！
+  baseURL: '/api',  // 注意！！ 这里全局统一加上了 '/api' 前缀，但是vue.config.js文件在发送请求时去掉了/api，所以页面的请求接口若有/api还是要携带/api
   timeout: 5000, // 请求超时时间
 });
 
diff --git a/src/views/chat/chat.vue b/src/views/chat/chat.vue
index 8e8e8fae..028a73a9 100644
--- a/src/views/chat/chat.vue
+++ b/src/views/chat/chat.vue
@@ -176,6 +176,7 @@ export default {
             this.showSearchList = this.friendsInfoList
 
             this.get_friendsInfoList()
+            this.long_poll_serve()
     },
     components:{
         HonneyBtn,
@@ -184,6 +185,42 @@ export default {
         ChatList
     },
     methods:{
+        async long_poll_serve(){
+            try{
+                const UserId = getUserId()
+                const token = 'Bearer '+getToken()
+                const response = await axios.get(`messages/poll/${UserId}`,{
+                    headers:{Authorization : token}
+                })
+                if(response.data == '')
+                {
+                    this.long_poll_serve()
+                }else{
+                    const senderId = response.data[response.data.length-1].senderId
+                    console.log(senderId)
+                    for(let i = 0;i<this.friendsInfoList.length;i++){
+                        if(this.friendsInfoList[i].id == senderId){
+                            if(this.chatWith != this.friendsInfoList[i].name){
+                                this.friendsInfoList[i].unreading_num += 1
+                                this.new_msg_nums += 1
+                            }
+                            let tempt_chat = {name:'',content:'',time:''}
+                            let response2 = await axios.get(`/messages/chat/${UserId}/${senderId}`,{
+                            headers:{Authorization : token}
+                            })
+                            tempt_chat.name = this.friendsInfoList[i].name
+                            tempt_chat.content = response2.data[response2.data.length-1].content
+                            tempt_chat.time = response2.data[response2.data.length-1].timestamp.replace('T',' ')
+                            this.friendsInfoList[i].chatHistory.push(tempt_chat)
+                            break
+                        }
+                    }
+                    this.long_poll_serve()
+                }
+            }catch(error){
+                alert('长轮询失败',error)
+            }
+        },
         async revise_honneyBtn_status(userId1,userId2,status){
             //向后端发送是出于好友状态还是黑名单状态
             try{
diff --git a/vue.config.js b/vue.config.js
index d3a0f5a2..79f65298 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -5,36 +5,48 @@ module.exports = defineConfig({
     port: 8080,
     https: false,
     proxy:{
-      //登录接口
-      '/auth/login':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true,
+      '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+          target: 'https://911fb0525ms3.vicp.fun/loveforest/api/',     //代理的目标地址
+          changeOrigin: true,              //是否设置同源，输入是的
+          pathRewrite: {                   //路径重写
+              '^/api': ''                     //选择忽略拦截器里面的内容
+          }
       },
-      //注册接口
-      '/auth/register':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true,
+      '/relationships': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+          target: 'https://911fb0525ms3.vicp.fun/loveforest/api/',     //代理的目标地址
+          changeOrigin: true,              //是否设置同源，输入是的
+          pathRewrite: {                   //路径重写
+              '^/api': ''                     //选择忽略拦截器里面的内容
+          }
       },
-      //获取好友列表接口
-      '/relationships':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
+    '/messages/chat': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+        target: 'https://911fb0525ms3.vicp.fun/loveforest/api/',     //代理的目标地址
+        changeOrigin: true,              //是否设置同源，输入是的
+        pathRewrite: {                   //路径重写
+            '^/api': ''                     //选择忽略拦截器里面的内容
+        }
       },
-      //获取相应的聊天记录的接口
-      '/messages/chat':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
+      '/messages/mark-as-read': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+        target: 'https://911fb0525ms3.vicp.fun/loveforest/api/',     //代理的目标地址
+        changeOrigin: true,              //是否设置同源，输入是的
+        pathRewrite: {                   //路径重写
+            '^/api': ''                     //选择忽略拦截器里面的内容
+        }
       },
-      //保存聊天的一条消息接口
-      '/messages/send':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
+      '/messages/send': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+        target: 'https://911fb0525ms3.vicp.fun/loveforest/api/',     //代理的目标地址
+        changeOrigin: true,              //是否设置同源，输入是的
+        pathRewrite: {                   //路径重写
+            '^/api': ''                     //选择忽略拦截器里面的内容
+        }
+      },
+      'messages/poll': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
+        target: 'https://911fb0525ms3.vicp.fun/loveforest/api/',     //代理的目标地址
+        changeOrigin: true,              //是否设置同源，输入是的
+        pathRewrite: {                   //路径重写
+            '^/api': ''                     //选择忽略拦截器里面的内容
+        }
       },
-      //新消息是否被已读的接口
-      '/messages/mark-as-read':{
-        target : 'https://911fb0525ms3.vicp.fun/loveforest/api',
-        changeOrigin : true
-      }
     }
   },
   transpileDependencies: true