qiniu-files-manager

qiniu-files-manager copied to clipboard

七牛文件管理

前端: vue、vuex、axios、iview、vue-router、iconfont

服务端: expressjs、七牛SDK、redis 做 session 持久化

DEMO

Gitee 镜像

TODO

• [ ] 批量删除和移动超过1000个时，分批发送
• [x] 超过1000个时分页

预览

图片列表

添加Bucket

批量管理

Bucket管理

搜索

私有空间

再添加空间时需要手动选择是否是私有空间，后面也可以在 空间管理 中进行修改。默认情况下，获取私有空间图片会401错误，因为需要获取凭证

开发

git clone https://github.com/JakeLaoyu/qiniu-files-manager.git
cd qiniu-images-manager

前端

yarn
npm run dev

服务端

cd server/
yarn
npm run dev

部署

docker部署

git clone https://github.com/JakeLaoyu/qiniu-files-manager.git
cd qiniu-files-manager
yarn bootstrap && yarn build
docker-compose up

部署完成后，可以在浏览器中访问 http://127.0.0.1:2018/

nginx 配置

server
{
  listen 80;
  server_name qim.jakeyu.top;

  location / {
    proxy_pass http://localhost:2018;
  }
}

普通部署

前端

npm run build

服务端

cd server/
pm2 start pm2.config.json

nginx

nginx 配置示例:

server
{
  listen 80;
  server_name qim.jakeyu.top;

  location / {
    root /home/qiniu-files-manager/dist/;
    index index.html;
    try_files $uri $uri/ /index.html;
  }
  location /api {
    proxy_pass http://localhost:2017;
  }
}

License

MIT © JakeLaoyu