feat: 重构前端项目结构并添加新功能

重构项目目录结构，将组件和服务模块化
添加Element Plus UI库并集成到项目中
实现文章、留言和分类的类型定义
新增工具函数模块包括日期格式化和字符串处理
重写路由配置并添加全局路由守卫
优化页面布局和响应式设计
新增服务层封装API请求
完善文章详情页和相关文章推荐功能

src/services/apiService.js

@@ -0,0 +1,46 @@
+// 基础 API 服务配置
+import axios from 'axios'
+
+// 创建 axios 实例
+const apiService = axios.create({
+  baseURL: 'http://localhost:8080/api', // api的base_url
+  timeout: 10000, // 请求超时时间
+  headers: {
+    'Content-Type': 'application/json'
+  }
+})
+
+// 请求拦截器 - 添加认证token
+apiService.interceptors.request.use(
+  config => {
+    const token = localStorage.getItem('token')
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`
+    }
+    return config
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截器 - 统一处理响应
+apiService.interceptors.response.use(
+  response => {
+    // 检查响应是否成功
+    if (response.data && response.data.success) {
+      return response.data
+    } else {
+      // 处理业务错误
+      return Promise.reject(new Error(response.data?.message || '请求失败'))
+    }
+  },
+  error => {
+    // 处理HTTP错误
+    console.error('API请求错误:', error)
+    // 可以在这里添加全局错误处理，如显示错误提示
+    return Promise.reject(error)
+  }
+)
+
+export default apiService