feat: 引入环境变量配置,统一管理接口路径

- 新增 .env 文件,配置 VUE_APP_PROXY_TARGET(开发模式代理目标)和 VUE_APP_API_BASE(接口根路径)
- vue.config.js 的 devServer proxy 目标改用 VUE_APP_PROXY_TARGET 环境变量
- src/utils/http.ts 的 axios 实例配置 baseURL 为 VUE_APP_API_BASE,所有请求自动加前缀
- 所有页面中 http 接口调用去掉 /api/v2 前缀,由 axios baseURL 自动补全
- 文件上传的 el-upload action 属性改用动态绑定,引用 VUE_APP_API_BASE 环境变量
- 涉及文件:Login.vue、Home.vue、Article.vue、Hitokoto.vue、Music.vue、PhotoWall.vue、SourceImage.vue、Statistics.vue、SystemUser.vue、SystemConfig.vue、SystemConfigAdd.vue、SystemRole.vue

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
灌糖包子 2026-04-01 15:21:39 +08:00
parent 98d2852604
commit 86c7d75963
Signed by: sookie
GPG Key ID: 67E8D0AE905C79B0
15 changed files with 63 additions and 58 deletions

2
.env Normal file
View File

@ -0,0 +1,2 @@
VUE_APP_PROXY_TARGET=https://www.colorfulsweet.site
VUE_APP_API_BASE=/api/v2

View File

@ -4,6 +4,7 @@ import store from '@/store'
import { router } from '@/router'
const http = axios.create({
baseURL: process.env.VUE_APP_API_BASE,
timeout: 10000,
paramsSerializer: {
indexes: null

View File

@ -169,7 +169,7 @@ if (defaultActiveMenuKey.value) {
if (!store.state.loginInfo.token) {
router.push('/login')
} else {
http.post<{token: string}, any>('/api/v2/common/verifyToken', {token: store.state.loginInfo.token}).then(data => {
http.post<{token: string}, any>('/common/verifyToken', {token: store.state.loginInfo.token}).then(data => {
store.commit('login', {userInfo: data.userInfo})
mainViewReady.value = true
}).catch(() => {
@ -186,7 +186,7 @@ function dropdownMenuCommand(command: string): void {
changePwdModal.value = true
break
case 'logout':
http.post('/api/v2/common/logout').finally(() => {
http.post('/common/logout').finally(() => {
store.commit('logout')
router.push('/login')
})
@ -197,7 +197,7 @@ function submitChangePassword(): void {
changePwdForm.value?.validate(async (valid: boolean) => {
if (!valid) return
changePwdLoading.value = true
await http.post('/api/v2/system/user/changePassword', changePwdData).finally(() => {
await http.post('/system/user/changePassword', changePwdData).finally(() => {
changePwdLoading.value = false
})
changePwdModal.value = false

View File

@ -81,7 +81,7 @@ async function login() {
loginForm.value?.validate(async (valid: boolean) => {
if (!valid) return
loading.value = true
const data = await http.post<UserInfo, any>('/api/v2/common/login', userInfo).finally(() => {
const data = await http.post<UserInfo, any>('/common/login', userInfo).finally(() => {
loading.value = false
})
if (data.token) {

View File

@ -106,7 +106,7 @@ async function loadData() {
endDate.setHours(23, 59, 59, 999)
params.createdAt[1] = endDate
}
const data = await http.get<HitokotoPage, any>('/api/v2/hitokoto/list', {params})
const data = await http.get<HitokotoPage, any>('/hitokoto/list', {params})
selectedData = []
loading.value = false
total.value = data.total
@ -118,7 +118,7 @@ async function save() {
addForm.value?.hitokotoForm?.validate(async (valid: boolean) => {
if (!valid) return
modalLoading.value = true
const data = await http.post<any, any>('/api/v2/hitokoto/save', formData)
const data = await http.post<any, any>('/hitokoto/save', formData)
modalLoading.value = false
addModal.value = false
ElMessage.success('保存成功')
@ -132,7 +132,7 @@ function deleteAll() {
return
}
ElMessageBox.confirm(`是否确认删除选中的${selectedData.length}条数据?`, '确认删除', {type: 'warning'}).then(async () => {
await http.delete<any, any>('/api/v2/hitokoto/delete', {params: {ids: selectedData}})
await http.delete<any, any>('/hitokoto/delete', {params: {ids: selectedData}})
ElMessage.success('删除成功')
loadData()
}).catch(() => {})
@ -147,7 +147,7 @@ function findTypeText(value: string): string | null {
// created
loadData()
http.get<never, any>('/api/v2/common/config/hitokoto_type').then(data => {
http.get<never, any>('/common/config/hitokoto_type').then(data => {
typeList.value = data
})
</script>

View File

@ -116,7 +116,7 @@
</el-form-item>
<el-upload
ref="musicUpload"
action="/api/v2/music/upload"
:action="`${apiBase}/music/upload`"
name="file"
accept=".mp3,.flac"
:headers="{token: store.state.loginInfo.token}"
@ -210,8 +210,8 @@ class MusicPage extends Page {
}
const store = useStore()
const apiBase = process.env.VUE_APP_API_BASE as string
const { loading, modalLoading, total, search, setLoadData, loadDataBase, reset, pageChange, pageSizeChange } = useBaseList(new MusicPage())
const currentRow = ref<MusicModel | null>(null)
const libIdSelected = ref<string | null>(null)
const exts = ref<string[]>([])
@ -247,7 +247,7 @@ let selectedIds: string[] = []
async function loadData() {
loading.value = true
const data = await http.get<MusicPage, any>('/api/v2/music/list', {params: search})
const data = await http.get<MusicPage, any>('/music/list', {params: search})
selectedIds = []
loading.value = false
total.value = data.total
@ -264,18 +264,18 @@ function findMusicLib(value: string): string | null {
}
async function playMusic() {
try {
const data = await http.get<any, any>('/api/v2/music/list/all', {params: selectedIds.length ? {ids: selectedIds} : search})
const data = await http.get<any, any>('/music/list/all', {params: selectedIds.length ? {ids: selectedIds} : search})
musicList.value = data.map((item: MusicModel, index: number) => {
const musicItem: MusicPlayerItem = {
id: index,
title: item.title || item.name,
artist: item.artist,
album: item.album,
src: `/api/v2/common/music/load/${item._id}`,
pic: `/api/v2/common/music/album/${item._id}`,
src: `${apiBase}/common/music/load/${item._id}`,
pic: `${apiBase}/common/music/album/${item._id}`,
}
if (item.lyricId) {
musicItem.lrc = `${location.origin}/api/v2/common/music/lyric/${item.lyricId}`
musicItem.lrc = `${apiBase}/common/music/lyric/${item.lyricId}`
}
return musicItem
})
@ -292,14 +292,14 @@ function updateLib(row: MusicModel) {
}
function download(row: MusicModel) {
const link = document.createElement('a')
link.setAttribute('href', `/api/v2/common/music/load/${row._id}`)
link.setAttribute('href', `${apiBase}/common/music/load/${row._id}`)
link.setAttribute('download', row.name)
link.setAttribute('target', '_blank')
link.click()
}
function remove(row: MusicModel) {
ElMessageBox.confirm(`是否确认删除 ${row.name} `, '确认删除', {type: 'warning'}).then(async () => {
await http.delete<{params: {id: string}}, any>('/api/v2/music/delete', {params: {id: row._id}})
await http.delete<{params: {id: string}}, any>('/music/delete', {params: {id: row._id}})
ElMessage.success("删除成功")
loadData()
}).catch(() => {})
@ -311,7 +311,7 @@ async function updateLyric(row: MusicModel) {
if (row.lyricId) {
lyricLoading.value = true
try {
const data = await http.get<any, any>('/api/v2/music/lyric/get', {params: {lyricId: row.lyricId}})
const data = await http.get<any, any>('/music/lyric/get', {params: {lyricId: row.lyricId}})
data.cloudId = data.cloudId ? data.cloudId.toString() : null
lyricFormData.value = data
} finally {
@ -323,7 +323,7 @@ async function saveLyric() {
lyricForm.value?.validate(async (valid: boolean) => {
if (!valid) return
modalLoading.value = true
await http.post<MusicLyricModel, any>(`/api/v2/music/lyric/save?musicId=${currentRow.value ? currentRow.value._id : ''}`, lyricFormData.value)
await http.post<MusicLyricModel, any>(`/music/lyric/save?musicId=${currentRow.value ? currentRow.value._id : ''}`, lyricFormData.value)
modalLoading.value = false
modifyLyricModal.value = false
ElMessage.success("歌词保存成功")
@ -333,7 +333,7 @@ async function saveLyric() {
}
async function saveMusicLib(row: MusicModel) {
if (!currentRow.value) return
await http.post<{id: string, libId: string}, any>('/api/v2/music/lib/update', {id: currentRow.value._id, libId: currentRow.value.libId})
await http.post<{id: string, libId: string}, any>('/music/lib/update', {id: currentRow.value._id, libId: currentRow.value.libId})
ElMessage.success("歌单更新成功")
row.libId = currentRow.value.libId
row.isEditing = false
@ -395,7 +395,7 @@ function musicPlay() {
}
function loadLibs() {
return http.get<never, any>('/api/v2/music/lib/list').then(data => {
return http.get<never, any>('/music/lib/list').then(data => {
musicLibs.value = data
libTableData.value = data.map((item: MusicLibModel) => ({ ...item }))
})
@ -414,7 +414,7 @@ async function saveLib(row: MusicLibModel & { _isNew?: boolean }) {
}
libSaving.value = true
try {
await http.post<any, any>('/api/v2/music/lib/add', { name: row.name, path: row.path })
await http.post<any, any>('/music/lib/add', { name: row.name, path: row.path })
ElMessage.success('歌单创建成功')
await loadLibs()
} finally {
@ -423,7 +423,7 @@ async function saveLib(row: MusicLibModel & { _isNew?: boolean }) {
}
function removeLib(row: MusicLibModel) {
ElMessageBox.confirm(`是否确认删除歌单「${row.name}」?`, '确认删除', { type: 'warning' }).then(async () => {
await http.delete<any, any>('/api/v2/music/lib/delete', { params: { id: row._id } })
await http.delete<any, any>('/music/lib/delete', { params: { id: row._id } })
ElMessage.success('歌单删除成功')
await loadLibs()
}).catch(() => {})
@ -433,7 +433,7 @@ function removeLib(row: MusicLibModel) {
loadLibs().then(() => {
loadData()
})
http.get<never, any>('/api/v2/music/listExts').then(data => {
http.get<never, any>('/music/listExts').then(data => {
exts.value = data
})
</script>

View File

@ -31,7 +31,7 @@
</el-form>
<div class="btn-container">
<el-upload
action="/api/v2/photoWall/upload"
:action="`${apiBase}/photoWall/upload`"
accept="image/jpeg,image/png"
name="image"
:headers="{token: store.state.loginInfo.token}"
@ -107,6 +107,7 @@ class PhotoWallPage extends Page {
}
const store = useStore()
const apiBase = process.env.VUE_APP_API_BASE as string
const { loading, total, search, setLoadData, loadDataBase, reset, pageChange, pageSizeChange } = useBaseList(new PhotoWallPage())
const allowUploadExt = ['jpg', 'jpeg', 'png']
@ -120,7 +121,7 @@ let selectedData: string[] = []
async function loadData() {
loading.value = true
const data = await http.get<PhotoWallPage, any>('/api/v2/photoWall/list', {params: search})
const data = await http.get<PhotoWallPage, any>('/photoWall/list', {params: search})
selectedData = []
loading.value = false
total.value = data.total
@ -134,7 +135,7 @@ function deleteAll() {
return
}
ElMessageBox.confirm(`是否确认删除选中的${selectedData.length}条数据?`, '确认删除', {type: 'warning'}).then(async () => {
await http.delete('/api/v2/photoWall/delete', {params: {ids: selectedData}})
await http.delete('/photoWall/delete', {params: {ids: selectedData}})
ElMessage.success('删除成功')
loadData()
}).catch(() => {})
@ -164,7 +165,7 @@ function uploadError(error: Error) {
ElMessage.error(error.message)
}
async function preview(row: PhotoWallModel) {
const pictureCdn = await http.get('/api/v2/common/config/picture_cdn')
const pictureCdn = await http.get('/common/config/picture_cdn')
const index = photowallData.value.findIndex(item => item._id === row._id)
previewUrlList.value = photowallData.value.map(item => `${pictureCdn}/${item.name}`)
previewIndex.value = index >= 0 ? index : 0

View File

@ -6,7 +6,7 @@
</el-alert>
<div class="btn-container" style="margin-top:10px;">
<el-upload
action="/api/source-image/upload"
:action="`${apiBase}/source-image/upload`"
accept="image/jpeg,image/png,image/svg+xml,image/x-icon"
name="image"
:headers="{token: store.state.loginInfo.token}"
@ -89,6 +89,7 @@ import { SourceImageModel } from '@/model/api/source-image'
import http from '@/utils/http'
const store = useStore()
const apiBase = process.env.VUE_APP_API_BASE as string
const { loading, total, search, setLoadData, pageChange, pageSizeChange, datetimeFormat } = useBaseList(new Page())
const allowUploadExt = ['jpg', 'jpeg', 'png', 'svg', 'ico']
@ -115,7 +116,7 @@ let selectedData: string[] = []
async function loadData(): Promise<void> {
loading.value = true
const data = await http.get<Page, any>('/api/v2/source-image/list', {params: search})
const data = await http.get<Page, any>('/source-image/list', {params: search})
selectedData = []
loading.value = false
total.value = data.total
@ -129,7 +130,7 @@ function deleteAll(): void {
return
}
ElMessageBox.confirm(`是否确认删除选中的${selectedData.length}条数据?`, '确认删除', {type: 'warning'}).then(async () => {
await http.delete('/api/v2/source-image/delete', {params: {ids: selectedData}})
await http.delete('/source-image/delete', {params: {ids: selectedData}})
ElMessage.success('删除成功')
loadData()
}).catch(() => {})
@ -160,7 +161,7 @@ function uploadError(error: Error): void {
}
function preview(row: SourceImageModel): void {
const index = sourceImageData.value.findIndex(item => item._id === row._id)
previewUrlList.value = sourceImageData.value.map(item => `/api/v2/common/randomBg?id=${item._id}`)
previewUrlList.value = sourceImageData.value.map(item => `${apiBase}/common/randomBg?id=${item._id}`)
previewIndex.value = index >= 0 ? index : 0
previewVisible.value = true
}
@ -173,11 +174,11 @@ function modifyTags(item: SourceImageModel): void {
modifyModal.value = true
}
async function tarnsferChange(newTargetKeys: string[], direction: 'right' | 'left', moveKeys: string[]) {
await http.post('/api/v2/source-image/updateLabel', {id: curId.value, labels: newTargetKeys})
await http.post('/source-image/updateLabel', {id: curId.value, labels: newTargetKeys})
}
// created
http.get<never, any>('/api/v2/common/config/image_label').then(data => {
http.get<never, any>('/common/config/image_label').then(data => {
labelList.value.push(...data)
loadData()
})

View File

@ -33,7 +33,7 @@
<el-button type="primary" @click="splitWord" style="vertical-align: bottom">分词处理</el-button>
<el-button @click="pullArticles" style="vertical-align: bottom">拉取文章</el-button>
<el-upload
action="/api/system/deployBlog"
:action="`${apiBase}/system/deployBlog`"
accept="application/zip"
name="blogZip"
:headers="{token: store.state.loginInfo.token}"
@ -145,6 +145,7 @@ class ArticlePage extends Page {
}
const store = useStore()
const apiBase = process.env.VUE_APP_API_BASE as string
const { loading, total, search, setLoadData, loadDataBase, reset, pageChange, pageSizeChange, datetimeFormat } = useBaseList(new ArticlePage())
const articleData = ref<ArticleModel[]>([])
@ -172,7 +173,7 @@ async function loadData() {
endDate.setHours(23, 59, 59, 999)
params.createDate[1] = endDate
}
const data = await http.get<ArticlePage, any>('/api/v2/article/list', {params})
const data = await http.get<ArticlePage, any>('/article/list', {params})
selectedData = []
loading.value = false
total.value = data.total
@ -186,13 +187,13 @@ function splitWord() {
return
}
ElMessageBox.confirm(`是否确认对选中的${selectedData.length}篇文章执行分词处理?`, '操作确认', {type: 'info'}).then(async () => {
const successNum = await http.put<{_ids: string[]}, any>('/api/v2/article/splitWord', {_ids: selectedData})
const successNum = await http.put<{_ids: string[]}, any>('/article/splitWord', {_ids: selectedData})
ElMessage.success(`${successNum}篇文章分词处理成功`)
})
}
function pullArticles() {
ElMessageBox.confirm('确认拉取全部文章?', '操作确认', {type: 'info'}).then(async () => {
const { updateCount, createCount } = await http.put<never, any>('/api/v2/article/pull')
const { updateCount, createCount } = await http.put<never, any>('/article/pull')
ElMessage.success(`拉取文章完成,更新 ${updateCount} 篇,创建 ${createCount}`)
loadData()
})
@ -223,7 +224,7 @@ const treeProps = {
isLeaf: 'isLeaf',
}
async function loadTreeData(node: Node, resolve: Function) {
const childItems: TreeNodeSource[] = await http.get('/api/v2/article/tree', {params: {deep: node.level, parent: node.data.name}})
const childItems: TreeNodeSource[] = await http.get('/article/tree', {params: {deep: node.level, parent: node.data.name}})
resolve(childItems.map((childItem): TreeNodeData => {
const treeNode: TreeNodeData = {
name: childItem._id,
@ -236,7 +237,7 @@ async function loadTreeData(node: Node, resolve: Function) {
}
async function articlePreview(node: TreeNodeData) {
if (!node.isLeaf) return
const mdText = await http.get<never, any>('/api/v2/article/markdown', {params: {id: node.id}})
const mdText = await http.get<never, any>('/article/markdown', {params: {id: node.id}})
markdownPreview.show = true
const markdownHtml = new hyperdown().makeHtml(mdText)
markdownPreview.content = markdownHtml.replace(/(?<=<pre><code[^>]*?>)[\s\S]*?(?=<\/code><\/pre>)/gi, (content: string) => {
@ -247,10 +248,10 @@ async function articlePreview(node: TreeNodeData) {
// created
loadData()
http.get<never, any>('/api/v2/article/listCategories').then(data => {
http.get<never, any>('/article/listCategories').then(data => {
categories.value = data
})
http.get<never, any>('/api/v2/article/listTags').then(data => {
http.get<never, any>('/article/listTags').then(data => {
tags.value = data
})
</script>

View File

@ -370,7 +370,7 @@ onMounted(async () => {
timelineWordsChartLoading.value = true
//
const articleData = await http.get<{params:{type:string}}, any>('/api/v2/article/statistics', {params: {type: 'normal'}})
const articleData = await http.get<{params:{type:string}}, any>('/article/statistics', {params: {type: 'normal'}})
//
totalArticles.value = articleData.categories.reduce((sum: number, item: any) => sum + item.cnt, 0)
@ -397,7 +397,7 @@ onMounted(async () => {
publishDatesChartLoading.value = false
//
const timelineData = await http.get<{params:{type:string}}, any>('/api/v2/article/statistics', {params: {type: 'timelineWords'}})
const timelineData = await http.get<{params:{type:string}}, any>('/article/statistics', {params: {type: 'timelineWords'}})
if (timelineData.timelineWords.length > 0 && timelineData.timelineWords[0].keys.length > 0) {
topKeyword.value = timelineData.timelineWords[0].keys[0].key

View File

@ -83,7 +83,7 @@ function reset() {
async function loadData() {
loading.value = true
systemConfigData.value = await http.get('/api/v2/system/config/list', {params: search.value})
systemConfigData.value = await http.get('/system/config/list', {params: search.value})
loading.value = false
}
@ -110,7 +110,7 @@ async function save() {
addForm.value?.configForm?.validate(async (valid: boolean) => {
if (!valid) return
modalLoading.value = true
await http.post<SystemConfigModel, any>('/api/v2/system/config/save', formData.value)
await http.post<SystemConfigModel, any>('/system/config/save', formData.value)
modalLoading.value = false
addModal.value = false
ElMessage.success("保存成功")
@ -120,7 +120,7 @@ async function save() {
function remove(row: SystemConfigModel) {
ElMessageBox.confirm(`是否确认删除 ${row.name} 配置项?`, '确认删除', {type: 'warning'}).then(async () => {
await http.delete<{params: {id: string}}, any>('/api/v2/system/config/delete', {params: {id: row._id}})
await http.delete<{params: {id: string}}, any>('/system/config/delete', {params: {id: row._id}})
ElMessage.success('删除成功')
loadData()
})

View File

@ -35,7 +35,7 @@ const ruleValidate = computed(() => ({
name: [
{ required: true, message: '请输入配置项名称', trigger: 'blur' },
{ validator: (rule: object, value: string, callback: Function) => {
http.get<any, any>('/api/v2/system/config/exists', {params: {name: value, id: props.formData._id}}).then(data => {
http.get<any, any>('/system/config/exists', {params: {name: value, id: props.formData._id}}).then(data => {
if(data.exists) {
callback(new Error('配置项名称已存在'))
} else {

View File

@ -138,7 +138,7 @@ const roleForm = ref<VForm>()
async function loadData() {
loading.value = true
const data = await http.get<{params: SystemRolePage}, any>('/api/v2/system/role/list', {params: search})
const data = await http.get<{params: SystemRolePage}, any>('/system/role/list', {params: search})
loading.value = false
total.value = data.total
systemRoleData.value = data.list
@ -193,7 +193,7 @@ function update(row: SystemRoleModel) {
function remove(row: SystemRoleModel) {
ElMessageBox.confirm(`是否确认删除 ${row.name} 角色?`, '确认删除', {type: 'warning'}).then(async () => {
await http.delete<{params: {id: string}}, any>('/api/v2/system/role/delete', {params: {id: row._id}})
await http.delete<{params: {id: string}}, any>('/system/role/delete', {params: {id: row._id}})
ElMessage.success('删除成功')
loadData()
})
@ -203,7 +203,7 @@ async function save() {
roleForm.value?.validate(async (valid: boolean) => {
if (!valid) return
modalLoading.value = true
await http.post<SystemRoleModel, any>('/api/v2/system/role/save', formData)
await http.post<SystemRoleModel, any>('/system/role/save', formData)
modalLoading.value = false
addModal.value = false
ElMessage.success("保存成功")

View File

@ -108,7 +108,7 @@ const ruleValidate = computed(() => ({
username: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
{ validator: async (rule: object, value: string, callback: Function) => {
const res = await http.get<any, any>('/api/v2/system/user/exists', {params: {username: value, id: formData._id}})
const res = await http.get<any, any>('/system/user/exists', {params: {username: value, id: formData._id}})
res.exists ? callback(new Error('用户名已存在')) : callback()
}, trigger: 'blur'
}
@ -122,7 +122,7 @@ const ruleValidate = computed(() => ({
async function loadData() {
loading.value = true
const data = await http.get<{params: SystemUserPage}, any>('/api/v2/system/user/list', {params: search})
const data = await http.get<{params: SystemUserPage}, any>('/system/user/list', {params: search})
loading.value = false
total.value = data.total
systemUserData.value = data.list
@ -158,7 +158,7 @@ async function save() {
userForm.value?.validate(async (valid: boolean) => {
if (!valid) return
modalLoading.value = true
await http.post<SystemUserModel, any>('/api/v2/system/user/save', formData)
await http.post<SystemUserModel, any>('/system/user/save', formData)
modalLoading.value = false
addModal.value = false
ElMessage.success("保存成功")
@ -168,7 +168,7 @@ async function save() {
function remove(row: SystemUserModel) {
ElMessageBox.confirm(`是否确认删除 ${row.username} 用户?`, '确认删除', {type: 'warning'}).then(async () => {
await http.delete<{params: {id: string}}, any>('/api/v2/system/user/delete', {params: {id: row._id}})
await http.delete<{params: {id: string}}, any>('/system/user/delete', {params: {id: row._id}})
ElMessage.success('删除成功')
loadData()
})
@ -181,7 +181,7 @@ function clearValidate() {
}
loadData()
http.get<never, any>('/api/v2/system/role/listAll').then(data => {
http.get<never, any>('/system/role/listAll').then(data => {
roles.value = data
})
</script>

View File

@ -37,8 +37,7 @@ module.exports = defineConfig({
port: 8080,
proxy: {
'^/api': {
// target: 'http://localhost:3301'
target: 'https://www.colorfulsweet.site',
target: process.env.VUE_APP_PROXY_TARGET,
changeOrigin: true
}
}