此仓库是 ZFile 4.0 前端 Vue 仓库, 使用技术为 Vue3、Pinia、VueRoute、Axios、Element Plus 等.
预览地址: http://zfile.vip 后端代码: https://github.com/zhaojun1998/zfile
用户前台: http://127.0.0.1:3000/
zfile 前端工程
License: MIT License
此仓库是 ZFile 4.0 前端 Vue 仓库, 使用技术为 Vue3、Pinia、VueRoute、Axios、Element Plus 等.
预览地址: http://zfile.vip 后端代码: https://github.com/zhaojun1998/zfile
用户前台: http://127.0.0.1:3000/
请问可以在dplayer里引入flv.js来支持flv的播放吗?不太熟悉前端,自己尝试修改没有成功
项目clone到本地后,运行npm install安装依赖,报错。降低版本至@[email protected]仍报错。
npm ERR! code 1
npm ERR! path D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: D:\Environment\Node.js\node.exe D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli 'D:\\Environment\\Node.js\\node.exe',
npm ERR! gyp verb cli 'D:\\File\\Courses\\SystemAbilityTraining\\zfile-vue\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli 'rebuild',
npm ERR! gyp verb cli '--verbose',
npm ERR! gyp verb cli '--libsass_ext=',
npm ERR! gyp verb cli '--libsass_cflags=',
npm ERR! gyp verb cli '--libsass_ldflags=',
npm ERR! gyp verb cli '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp verb `which` failed at getNotFoundError (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed at F (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed at E (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed at D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed at D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed at D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed python2 Error: not found: python2
npm ERR! gyp verb `which` failed at getNotFoundError (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed at F (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed at E (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed at D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed at D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed at D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb `which` succeeded python D:\Environment\Anaconda\python.EXE
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: D:\Environment\Anaconda\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack File "<string>", line 1
npm ERR! gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack ^
npm ERR! gyp ERR! stack SyntaxError: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:399:12)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:526:28)
npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1092:16)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
npm ERR! gyp ERR! System Windows_NT 10.0.22000
npm ERR! gyp ERR! command "D:\\Environment\\Node.js\\node.exe" "D:\\File\\Courses\\SystemAbilityTraining\\zfile-vue\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.14.2
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1
将依赖设置为较新版本后,可以安装完成,但是运行报错。
> [email protected] serve
> vue-cli-service serve --open
ERROR TypeError: transpileDependencies.map is not a function
TypeError: transpileDependencies.map is not a function
at genTranspileDepRegex (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\@vue\cli-plugin-babel\index.js:5:38)
at module.exports (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\@vue\cli-plugin-babel\index.js:21:29)
at D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\@vue\cli-service\lib\Service.js:82:9
at Array.forEach (<anonymous>)
at loadedCallback (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\@vue\cli-service\lib\Service.js:80:20)
at Service.init (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\@vue\cli-service\lib\Service.js:97:14)
at Service.run (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\@vue\cli-service\lib\Service.js:247:16)
at Object.<anonymous> (D:\File\Courses\SystemAbilityTraining\zfile-vue\node_modules\@vue\cli-service\bin\vue-cli-service.js:37:9)
at Module._compile (node:internal/modules/cjs/loader:1103:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
16.16
(推荐使用 v16
以上)
npm-8.5.1
(推荐使用 pnpm
)
debian11
(该项目开发环境系统为 win11
)
root@VM-0-13-ubuntu:~/zfile-vue# npm install
> [email protected] prepare
> husky install
husky - Git hooks installed
up to date, audited 1163 packages in 6s
169 packages are looking for funding
run `npm fund` for details
13 vulnerabilities (8 moderate, 5 high)
To address issues that do not require attention, run:
npm audit fix
Some issues need review, and may require choosing
a different dependency.
Run `npm audit` for details.
`root@VM-0-13-ubuntu:~/zfile-vue# npm run build
[email protected] build
vite build
failed to load config from /root/zfile-vue/vite.config.ts
error during build:
TypeError: (0 , import_vite_plugin_svg_icons.createSvgIconsPlugin) is not a function
at tov_default (/root/zfile-vue/vite.config.ts:225:59)
at Object. (/root/zfile-vue/vite.config.ts:244:13)
at Module._compile (node:internal/modules/cjs/loader:1105:14)
at Object.require.extensions. [as .ts] (/root/zfile-vue/node_modules/vite/dist/node/chunks/dep-80fe9c6b.js:61973:20)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at loadConfigFromBundledFile (/root/zfile-vue/node_modules/vite/dist/node/chunks/dep-80fe9c6b.js:61981:17)
at loadConfigFromFile (/root/zfile-vue/node_modules/vite/dist/node/chunks/dep-80fe9c6b.js:61900:32)
`
TODO
TODO
编译报错 CentOS8.1
[root@MiWiFi-RA74-srv zfile-vue-4.0.0]# npm run build
[email protected] build
vite build
failed to load config from /root/disk/zfile-vue-4.0.0/vite.config.ts
error during build:
Error: The service was stopped: write EPIPE
at /root/disk/zfile-vue-4.0.0/node_modules/esbuild/lib/main.js:1337:25
at /root/disk/zfile-vue-4.0.0/node_modules/esbuild/lib/main.js:666:9
at afterClose (/root/disk/zfile-vue-4.0.0/node_modules/esbuild/lib/main.js:644:7)
at /root/disk/zfile-vue-4.0.0/node_modules/esbuild/lib/main.js:2050:11
at onwriteError (node:internal/streams/writable:415:3)
at processTicksAndRejections (node:internal/process/task_queues:85:21)
alioss的endpoint现在是写死在js中,能否提供页面来新增最新的endpoint
APlayer 插件,支持lrc歌词播放。
获取歌词文件提示:签名无效或下载地址已过期
TODO
(推荐使用 v16
以上)
TODO
(推荐使用 pnpm
)
TODO
(该项目开发环境系统为 win11
)
TODO
TODO
TODO
启动命令npm run serve
13% building 32/33 modules 1 active ...les/[email protected]@babel-loader/lib/index.js!/Users/xifeng.li/opt/zfile-vue/node_modules/[email protected]@eslint-loader/index.js??ref--13-0!/Users/xifeng.li/opt/zfile-vue/src/main.js(node:25012) ExperimentalWarning: Package name self resolution is an experimental feature. This feature could change at any time
40% building 120/142 modules 22 active ...eng.li/opt/zfile-vue/node_modules/[email protected]@postcss-loader/src/index.js??ref--6-oneOf-3-2!/Users/xifeng.li/opt/zfile-vue/node_modules/[email protected]@animate.css/animate.css(node:25012) ExperimentalWarning: Conditional exports is an experimental feature. This feature could change at any time
98% after emitting CopyPlugin
ERROR Failed to compile with 1 error 5:42:52 PM
error in ./src/assets/common.scss
Syntax Error: Error: PostCSS received undefined instead of CSS string
@ ./src/assets/common.scss 4:14-283 14:3-18:5 15:22-291
@ ./src/main.js
@ multi ./node_modules/[email protected]@webpack-dev-server/client?http://192.168.10.177:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
建议增加按文件创建时间正序或者倒序排序功能,在目录文件比较多的情况下,比较方便。
前端地址:https://yun.vomiku.com
后端地址:https://rt.vomiku.com:7443
错误信息:
login:1 GET https://yun.vomiku.com/login 404 login:1 Access to XMLHttpRequest at 'https://api.webtest.net/webspeeds' from origin 'https://yun.vomiku.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. webspeed.js:7001 POST https://api.webtest.net/webspeeds net::ERR_FAILED
TODO
(推荐使用 v16
以上)
TODO
(推荐使用 pnpm
)
TODO
(该项目开发环境系统为 win11
)
TODO
TODO
TODO
请问这个前端的页面如何启用呢?希望用这个程序来代替oneindex
TODO
(推荐使用 v16
以上)
TODO
(推荐使用 pnpm
)
TODO
(该项目开发环境系统为 win11
)
TODO
TODO
TODO
配置文件application.yml中修改了log的默认存放路径,登陆zfile后台,点击"日志下载",响应""msg": "File [/root/.zfile/logs] not exist!",
感觉大佬的这个前端工程很美观,移动端适配也很好,如果有相关的接口文档的话就可以用来对接自己的其他后端了
自己存了些漫画在网盘
想在线看
能不能支持一下看图模式
现在需要打开
因为没有预加载下一张图片
所以打开有点慢呢
看图模式可以直接在列表分页查看图片就会方便很多呢~
v16.13.0
pnpm v7.12.1
(推荐使用 pnpm
)
win11
(该项目开发环境系统为 win11
)
pdf、word、excel类型的文件没法预览、打开也没法看
TODO
TODO
您好:
按照目前的设计,当某个目录下文件过多时,不会一次性加载,而是当页面被滚动至接近底部时触发翻页事件。
但是目前的设计有一点瑕疵,当我多次下拉后,比如下拉了5次,然后进入了一个子目录,如果我随后退出这个子目录,那么我先前的5次下拉全部失效,需要重新下拉,而不会停留在我先前进入子目录的位置。
作者是否可以尝试添加一个缓存,记住当前的页码,或者干脆取消翻页行为,一次性加载全部目录(类似于oneindex)。
此致
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.