77 lines
2.3 KiB
JavaScript
77 lines
2.3 KiB
JavaScript
// app/composables/apiArticles.js
|
||
// 统一封装“文章相关”接口，基于你已有的 useApi()
|
||
|
||
import { useApi } from './useApi'
|
||
|
||
/**
|
||
* RealWorld 风格的后端：
|
||
* - 创建：POST /articles body: { article: {...} }
|
||
* - 获取明细：GET /articles/:slug
|
||
* - 更新：PUT /articles/:slug body: { article: {...} }
|
||
* - 删除：DELETE /articles/:slug
|
||
* - 列表：GET /articles params: { tag, author, favorited, limit, offset }
|
||
* - 订阅流：GET /articles/feed params: 同上（需要登录）
|
||
* - 点赞：POST /articles/:slug/favorite
|
||
* - 取消赞：DELETE /articles/:slug/favorite
|
||
* - 标签：GET /tags
|
||
*/
|
||
export function useArticlesApi() {
|
||
const api = useApi()
|
||
|
||
// 表单 -> 后端 article payload
|
||
const toPayload = (form) => ({
|
||
title: form.title?.trim() || '',
|
||
description: form.description?.trim() || '',
|
||
body: form.body ?? '',
|
||
tagList: Array.isArray(form.tagList) ? form.tagList : []
|
||
})
|
||
|
||
// 创建
|
||
const create = (formOrArticle) => {
|
||
const article =
|
||
formOrArticle && formOrArticle.title !== undefined
|
||
? toPayload(formOrArticle)
|
||
: (formOrArticle || {})
|
||
return api.post('/articles', { article })
|
||
}
|
||
|
||
// 更新
|
||
const update = (slug, formOrArticle) => {
|
||
const article =
|
||
formOrArticle && formOrArticle.title !== undefined
|
||
? toPayload(formOrArticle)
|
||
: (formOrArticle || {})
|
||
return api.put(`/articles/${encodeURIComponent(slug)}`, { article })
|
||
}
|
||
|
||
// 删除
|
||
const remove = (slug) => api.del(`/articles/${encodeURIComponent(slug)}`)
|
||
|
||
// 明细
|
||
const get = (slug) => api.get(`/articles/${encodeURIComponent(slug)}`)
|
||
|
||
// 列表（公共）
|
||
const list = (params = {}) => api.get('/articles', params)
|
||
|
||
// 订阅流（需要登录）
|
||
const feed = (params = {}) => api.get('/articles/feed', params)
|
||
|
||
// 喜欢/取消喜欢
|
||
const addFavorite = (slug) => api.post(`/articles/${encodeURIComponent(slug)}/favorite`)
|
||
const removeFavorite = (slug) => api.del(`/articles/${encodeURIComponent(slug)}/favorite`)
|
||
|
||
// 标签列表
|
||
const listTags = () => api.get('/tags')
|
||
|
||
return {
|
||
// 主要增删改查
|
||
create, update, remove, get, list, feed,
|
||
// 互动
|
||
addFavorite, removeFavorite,
|
||
// 其他
|
||
listTags,
|
||
// 工具（可选导出，发文页也能复用）
|
||
toPayload
|
||
}
|
||
}
|