这是一个用于查看 Alist 站点资源的项目，包含前端和后端两个部分。

.
├── frontend/                 # Vue.js 前端项目
│   ├── src/                 # 源代码
│   ├── package.json         # 依赖配置
│   ├── vite.config.js       # Vite 配置
│   ├── tailwind.config.js   # TailwindCSS 配置
│   └── postcss.config.cjs   # PostCSS 配置
└── backend/                 # Flask 后端项目
    ├── server.py           # 服务器代码
    └── requirements.txt    # Python 依赖

后端已集成前端静态页面访问，打包前端后只需启动后端即可通过 http://localhost:3008/ 直接访问前端页面。

1. 先在前端目录打包：

cd frontend
npm install
npm run build

2. 启动后端服务器：

cd ../backend
pip install -r requirements.txt
python server.py

3. 访问 http://localhost:3008/ 即可使用完整前后端应用。

如需前后端分开开发，可分别启动：

• 后端：http://localhost:3008/
• 前端：http://localhost:5173/

在项目根目录下运行以下命令，将自动打包前端并启动后端服务：

bash start.sh

• 脚本会自动：
  1. 安装前端依赖并打包前端
  2. 安装后端依赖
  3. 启动后端 Python 服务

启动后访问：http://localhost:3008/

1. 确保后端服务器正在运行
2. 启动前端应用
3. 在浏览器中访问前端应用
4. 点击"查看资源"按钮将通过后端代理访问 Alist API

• 🎨 精美的用户界面
• 🌓 自动深色模式支持
• 🔍 实时搜索功能
• 📱 响应式设计
• ⚡️ 快速的性能表现

编辑 src/data/sites.js 文件来添加或修改站点信息。每个站点对象包含以下字段：

• id: 唯一标识符
• name: 站点名称
• description: 站点描述
• url: 站点链接
• status: 站点状态（在线/离线/维护中）
• lastUpdate: 最后更新时间

本项目采用 MIT License 开源，欢迎自由使用和二次开发。

MIT