VueTorrent 介绍

VueTorrent 是一款基于 Vue.js 框架开发的现代化 qBittorrent UI 控制面板，旨在替代原生 qBittorrent 的 Web UI，提供更直观、美观且功能丰富的用户体验。

🚢 项目地址

• Github：https://github.com/VueTorrent/VueTorrent/

🚀 VueTorrent特征

• 🍉 现代化 UI设计： 采用 Material Design 风格，结合 Vuetify 组件库，实现动态数据可视化图表（如传输速率曲线、会话统计）
• 🍊响应式布局：适配 PC、平板及手机屏幕，优化触控操作。
• 🍠 深色/浅色模式：原生支持主题切换，适配不同使用场景
• 🍵 种子管理： 支持批量操作（全选、多选）、选择性下载文件、标签分类管理；提供种子详情页，可查看追踪器状态、对等节点信息及文件内容预览
• 🎪 高级搜索： 集成磁力链接和种子搜索功能，支持 Fuse.js 库实现本地化模糊搜索
• 🎏 实时仪表盘：显示下载/上传速度、会话总量、剩余空间及传输图表
• 🍻 会话统计：记录历史下载量、上传量及比率，支持数据导出

🛠️ 部署 VueTorrent

👻 先决条件/要求

• 最低 512MB RAM（推荐 1GB+）
• 具备docker，docker-compose 环境
• 提前使用 docker部署好一个qBittorrent 的环境
• 需要下载好VueTorrent UI软件包

🐳 方法一：使用Docker 命令部署

docker run -d \
  --name qbit \
  --restart=unless-stopped \
  -e PUID=1000 \
  -e PGID=1000 \
  -e UMASK_SET=022 \
  -e TZ=Asia/Shanghai \
  -e WEBUI_PORT=8080 \
  -v /home/application/qbit/docker/config:/config \
  -v /home/application/qbit/docker/downloads:/downloads \
  -p 8080:8080 \
  -p 6881:6881 \
  -p 6881:6881/udp \
  docker.cnb.cool/srebro/pidin/qbittorrent:latest

🐳 方法二：使用Docker Compose部署 (推荐)

services:
  qbit:
    # image: linuxserver/qbittorrent:latest
    image: docker.cnb.cool/srebro/pidin/qbittorrent:latest ##使用CNB镜像加速
    container_name: qbit
    restart: unless-stopped
    environment:
      - PUID=1000
      - PGID=1000
      - UMASK_SET=022
      - TZ=Asia/Shanghai
      - WEBUI_PORT=8080
    volumes:
      - /home/application/qbit/docker/config:/config
      - /home/application/qbit/docker/downloads:/downloads
    ports:
      - '8080:8080'
      - '6881:6881'
      - '6881:6881/udp'

部署完成后，通过浏览器访问 http://<你的服务器IP或域名>:8080 即可使用 原生 qBittorrent。

• 查看容器日志日志，获取用户名密码

docker logs -f qbit

• 设置语言为中文界面

• 下载VueTorrent -UI 软件包

  官方下载地址： https://github.com/VueTorrent/VueTorrent/releases/tag/v2.24.2

  CNB 加速下载地址： https://cnb.cool/srebro/pidin/-/releases/download/v1.0.0/vuetorrent.zip

#下载软件包
wget https://cnb.cool/srebro/pidin/-/releases/download/v1.0.0/vuetorrent.zip

#解压软件包，并移动到/home/application/qbit/docker/config数据卷目录下
unzip vuetorrent.zip
mv vuetorrent /home/application/qbit/docker/config

• 设置使用VueTorrent -UI

⚠️： 文件路径是 /config/vuetorrent

• 效果演示

🧭 使用Nginx反向代理

#VueTorren
  server {
        listen       443 ssl;
        server_name  qbit.srebro.cn;  ##替换成自己的域名
        error_page  404              /404/404.html;
        charset utf-8;

		ssl_certificate /home/application/nginx/cert/srebro.cn.pem; 
		ssl_certificate_key /home/application/nginx/cert/srebro.cn.key;
        ssl_session_cache    shared:SSL:1m;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

	location / {
	proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header x-wiz-real-ip $remote_addr;
        proxy_set_header Host $http_host;
        proxy_set_header X-Forwarded-Proto $scheme;
		proxy_pass http://localhost:8080;
        }
}

🎁 获取 VueTorrent

• CNB 仓库地址：VueTorrent