Outline Manager

一个基于 Vue 3 + TypeScript + PrimeVue 的 Outline 服务器管理工具。

功能特性

• 🚀 现代化界面: 基于 Vue 3 和 PrimeVue 构建的响应式界面
• 🔐 多服务器管理: 支持管理多个 Outline 服务器
• 🔑 访问密钥管理: 完整的访问密钥增删改查功能
• 📊 数据统计: 实时流量监控和使用统计
• ⚙️ 服务器配置: 服务器设置和参数调整
• 🌍 中文界面: 完整的中文本地化支持

技术栈

• 前端框架: Vue 3 + TypeScript
• UI 组件库: PrimeVue + PrimeIcons + PrimeFlex
• 状态管理: Pinia
• 路由: Vue Router
• HTTP 客户端: Axios
• 构建工具: Vite

快速开始

安装依赖

npm install

开发环境运行

npm run dev

生产环境构建

npm run build

代码检查

npm run lint

使用说明

添加 Outline 服务器

1. 点击右上角的"添加服务器"按钮
2. 填写服务器名称和 API URL
3. 点击"测试连接"验证配置
4. 点击"添加服务器"完成添加

获取 API URL

• 使用安装脚本部署: grep "apiUrl" /opt/outline/access.txt | cut -d: -f 2-
• 使用 Outline Manager 部署: 在设置选项卡中查看
• 本地开发环境: 通常是 https://localhost:8081/TestApiPrefix

项目结构

src/
├── components/          # Vue 组件
├── router/             # 路由配置
├── services/           # API 服务层
├── stores/             # Pinia 状态管理
├── types/              # TypeScript 类型定义
└── views/              # 页面视图组件