feat: 新增疯言疯语功能并优化UI样式
- 添加疯言疯语服务及页面,支持随机字符颜色变化效果 - 引入汉仪唐韵字体并优化全局字体设置 - 重构日期工具函数,优化时间显示格式 - 改进左侧模块布局,添加文章/分类/标签统计 - 优化浮动按钮组件,增加动态过渡效果 - 调整多个页面的背景透明度,提升视觉一致性 - 完善文章保存页面样式和交互逻辑 - 更新关于页面内容,增加个人介绍和技术栈展示 - 修复路由状态管理问题,优化页面跳转逻辑
This commit is contained in:
@@ -5,17 +5,22 @@ import { ElMessage } from 'element-plus'
|
||||
// 创建axios实例
|
||||
const api = axios.create({
|
||||
baseURL:'http://localhost:8080/api', // API基础URL
|
||||
timeout: 10000 // 请求超时时间
|
||||
timeout: 10000, // 请求超时时间
|
||||
withCredentials: true // 允许跨域请求携带凭证(如cookies)
|
||||
})
|
||||
|
||||
// 请求拦截器
|
||||
api.interceptors.request.use(
|
||||
config => {
|
||||
// 从localStorage获取token
|
||||
const token = localStorage.getItem('token')
|
||||
let token = localStorage.getItem('token')
|
||||
if (token) {
|
||||
// 设置Authorization头
|
||||
config.headers['Authorization'] = `Bearer ${token}`
|
||||
// 确保不重复添加Bearer前缀
|
||||
if (!token.startsWith('Bearer ')) {
|
||||
config.headers['Authorization'] = `Bearer ${token}`
|
||||
} else {
|
||||
config.headers['Authorization'] = token
|
||||
}
|
||||
}
|
||||
return config
|
||||
},
|
||||
|
||||
@@ -5,6 +5,14 @@ import api from './apiService'
|
||||
* 分类属性服务类
|
||||
*/
|
||||
class CategoryAttributeService {
|
||||
/**
|
||||
* 获取所有分类属性
|
||||
* @returns {Promise<import('../types').ApiResponse<import('../types').CategoryAttribute[]>>}
|
||||
*/
|
||||
getAllAttributes() {
|
||||
return api.get('/category-attributes')
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据ID获取分类属性
|
||||
* @param {number} attributeid - 属性ID
|
||||
|
||||
@@ -4,6 +4,8 @@ import categoryService from './categoryService'
|
||||
import categoryAttributeService from './categoryAttributeService'
|
||||
import loginService from './loginService'
|
||||
import messageService from './messageService'
|
||||
import nonsenseService from './nonsenseService'
|
||||
|
||||
|
||||
|
||||
// 导出服务类供特殊场景使用
|
||||
@@ -12,5 +14,6 @@ export {
|
||||
categoryService,
|
||||
categoryAttributeService,
|
||||
loginService,
|
||||
messageService
|
||||
messageService,
|
||||
nonsenseService
|
||||
}
|
||||
37
src/services/nonsenseService.js
Normal file
37
src/services/nonsenseService.js
Normal file
@@ -0,0 +1,37 @@
|
||||
// 留言相关API服务
|
||||
import apiService from './apiService'
|
||||
|
||||
class NonsenseService {
|
||||
/**
|
||||
* 获取所有随机内容
|
||||
* @returns {Promise<import('../types').ApiResponse<import('../types').Nonsense[]>>}
|
||||
*/
|
||||
getAllNonsense() {
|
||||
return apiService.get('/nonsense')
|
||||
}
|
||||
/**
|
||||
* 保存随机内容
|
||||
* @param {import('../types').Nonsense} nonsense - 随机内容对象
|
||||
* @returns {Promise<import('../types').ApiResponse<import('../types').Nonsense>>}
|
||||
*/
|
||||
saveNonsense(nonsense){
|
||||
return apiService.post('/nonsense', nonsense)
|
||||
}
|
||||
/**
|
||||
* 删除随机内容
|
||||
* @param {number} id - 随机内容ID
|
||||
* @returns {Promise<import('../types').ApiResponse<boolean>>}
|
||||
*/
|
||||
deleteNonsense(id){
|
||||
return apiService.delete(`/nonsense/${id}`)
|
||||
}
|
||||
/**
|
||||
* 更新随机内容
|
||||
* @param {import('../types').Nonsense} nonsense - 随机内容对象
|
||||
* @returns {Promise<import('../types').ApiResponse<import('../types').Nonsense>>}
|
||||
*/
|
||||
updateNonsense(nonsense){
|
||||
return apiService.put('/nonsense', nonsense)
|
||||
}
|
||||
}
|
||||
export default new NonsenseService()
|
||||
Reference in New Issue
Block a user