feat: 优化前端布局和代理配置

refactor: 移除调试日志并优化代码结构
style: 调整响应式设计和UI细节
fix: 修复路由和导航相关的问题

src/views/messageboard.vue

@@ -27,7 +27,7 @@
                         </div>
                         <div class="comment-content-text" v-html="comment.content"></div>
                         <div class="comment-actions-bar">
-                            <span class="like-button" @click="handleLike(comment)">
+                            <span class="like-button" v-if="false" @click="handleLike(comment)">
                                 <span v-if="comment.likes && comment.likes > 0" class="like-count">{{ comment.likes
                                     }}</span>
                                 👍 赞
@@ -55,7 +55,8 @@
                                 </div>
                                 <div class="reply-content-text">{{ reply.content }}</div>
                                 <div class="reply-actions-bar">
-                                    <span class="like-button" @click="handleLike(reply)">
+
+                                    <span class="like-button" v-if="false" @click="handleLike(reply)">
                                         <span v-if="reply.likes && reply.likes > 0" class="like-count">{{ reply.likes
                                             }}</span>
                                         👍 赞
@@ -111,8 +112,8 @@
                         </el-form-item>
                     </div>
                     <div class="form-input-row">
-                        <el-form-item>
-                            <el-button type="primary" @click="onSubmit" :loading="submitting"
+                        <el-form-item class="submit-button-container">
+                            <el-button type="primary" @click="onSubmit" class="form-submit-button" :loading="submitting"
                                 :disabled="!form.content || !form.nickname">
                                 发送
                             </el-button>
@@ -600,7 +601,7 @@ const onSubmit = async () => {
     try {
         // 表单验证
         await validateForm()
-        console.log('提交留言表单:', form)
+        // console.log('提交留言表单:', form)
         
         submitting.value = true
         
@@ -902,16 +903,24 @@ onMounted(() => {
 
 /**
  * 内联表单输入行样式
- * 用于将表单输入项与标签或其他元素对齐
+ * 用于将表单输入项水平均匀分布
  */
 .form-input-row--inline {
     display: flex;
     align-items: center;
+    justify-content: space-between;
+    gap: 16px;
 }
 
-.form-input-row--inline div:nth-child(2) {
-    margin-left: 9%;
-    margin-right: 9%;
+.form-input-row--inline .el-form-item {
+    flex: 1;
+    margin-right: 0;
+    margin-left: 0;
+    width: calc(33.33% - 10px);
+}
+
+.form-input-row--inline .el-input {
+    width: 100%;
 }
 
 /* 回复项容器 */
@@ -1055,18 +1064,20 @@ onMounted(() => {
     .comment-form-section {
         padding: 16px;
     }
-
+    .el-form-item {
+        width: 100%;
+    }
     .form-input-row {
         flex-direction: column;
-        gap: 8px;
     }
 
     .comment-header-info,
     .reply-header-info {
-        flex-direction: column;
         align-items: flex-start;
     }
-
+    .form-submit-button {
+        width: 100%;
+    }
     .user-avatar {
         margin-right: 0;
         margin-bottom: 8px;