mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
414856f152
🎨 新增功能： - 使用Vue3 + Vite构建的全新管理后台界面 - 支持Tab切换的API统计页面（统计查询/使用教程） - 优雅的胶囊式Tab切换设计 - 同步了PR #106的会话窗口管理功能 - 完整的响应式设计和骨架屏加载状态 🔧 路由调整： - 新版管理后台部署在 /admin-next/ 路径 - 将根路径 / 重定向到 /admin-next/api-stats - 将 /web 页面路由重定向到新版，保留 /web/auth/* 认证路由 - 将 /apiStats 页面路由重定向到新版，保留API端点 🗑️ 清理工作： - 删除旧版 web/admin/ 静态文件 - 删除旧版 web/apiStats/ 静态文件 - 清理相关的文件服务代码 🐛 修复问题： - 修复重定向循环问题 - 修复环境变量配置 - 修复路由404错误 - 优化构建配置 🚀 生成方式：使用 Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
104 lines
3.2 KiB
JavaScript
104 lines
3.2 KiB
JavaScript
import { defineConfig, loadEnv } from 'vite'
|
||
import vue from '@vitejs/plugin-vue'
|
||
import AutoImport from 'unplugin-auto-import/vite'
|
||
import Components from 'unplugin-vue-components/vite'
|
||
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
|
||
import { fileURLToPath, URL } from 'node:url'
|
||
|
||
export default defineConfig(({ mode }) => {
|
||
// 加载环境变量
|
||
const env = loadEnv(mode, process.cwd(), '')
|
||
const apiTarget = env.VITE_API_TARGET || 'http://localhost:3000'
|
||
const httpProxy = env.VITE_HTTP_PROXY || env.HTTP_PROXY || env.http_proxy
|
||
// 使用环境变量配置基础路径，如果未设置则使用默认值
|
||
const basePath = env.VITE_APP_BASE_URL || (mode === 'development' ? '/admin/' : '/admin-next/')
|
||
|
||
// 创建代理配置
|
||
const proxyConfig = {
|
||
target: apiTarget,
|
||
changeOrigin: true,
|
||
secure: false
|
||
}
|
||
|
||
// 如果设置了代理，动态导入并配置 agent（仅在开发模式下）
|
||
if (httpProxy && mode === 'development') {
|
||
console.log(`Using HTTP proxy: ${httpProxy}`)
|
||
// Vite 的 proxy 使用 http-proxy，它支持通过环境变量自动使用代理
|
||
// 设置环境变量让 http-proxy 使用代理
|
||
process.env.HTTP_PROXY = httpProxy
|
||
process.env.HTTPS_PROXY = httpProxy
|
||
}
|
||
|
||
console.log(`${mode === 'development' ? 'Starting dev server' : 'Building'} with base path: ${basePath}`)
|
||
|
||
return {
|
||
base: basePath,
|
||
plugins: [
|
||
vue(),
|
||
AutoImport({
|
||
resolvers: [ElementPlusResolver()],
|
||
imports: ['vue', 'vue-router', 'pinia']
|
||
}),
|
||
Components({
|
||
resolvers: [ElementPlusResolver()]
|
||
})
|
||
],
|
||
resolve: {
|
||
alias: {
|
||
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||
}
|
||
},
|
||
server: {
|
||
port: 3001,
|
||
host: true,
|
||
open: true,
|
||
proxy: {
|
||
// 统一的 API 代理规则 - 开发环境所有 API 请求都加 /webapi 前缀
|
||
'/webapi': {
|
||
...proxyConfig,
|
||
rewrite: (path) => path.replace(/^\/webapi/, ''), // 转发时去掉 /webapi 前缀
|
||
configure: (proxy, options) => {
|
||
proxy.on('proxyReq', (proxyReq, req, res) => {
|
||
console.log('Proxying:', req.method, req.url, '->', options.target + req.url.replace(/^\/webapi/, ''))
|
||
})
|
||
proxy.on('error', (err, req, res) => {
|
||
console.log('Proxy error:', err)
|
||
})
|
||
}
|
||
},
|
||
// API Stats 专用代理规则
|
||
'/apiStats': {
|
||
...proxyConfig,
|
||
configure: (proxy, options) => {
|
||
proxy.on('proxyReq', (proxyReq, req, res) => {
|
||
console.log('API Stats Proxying:', req.method, req.url, '->', options.target + req.url)
|
||
})
|
||
}
|
||
}
|
||
}
|
||
},
|
||
build: {
|
||
outDir: 'dist',
|
||
assetsDir: 'assets',
|
||
rollupOptions: {
|
||
output: {
|
||
manualChunks(id) {
|
||
// 将 vue 相关的库打包到一起
|
||
if (id.includes('node_modules')) {
|
||
if (id.includes('element-plus')) {
|
||
return 'element-plus'
|
||
}
|
||
if (id.includes('chart.js')) {
|
||
return 'chart'
|
||
}
|
||
if (id.includes('vue') || id.includes('pinia') || id.includes('vue-router')) {
|
||
return 'vue-vendor'
|
||
}
|
||
return 'vendor'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}) |