基于Vue的Spring Boot的橘子视频解析系统源码

源码介绍

这套系统是基于Vue3框架开发。视频播放器使用的是video.js,前端UI框架是bootstrap5。因为我主要是后端开发,对于前端可能不太熟悉,具体的代码规范可能不太了解,希望大佬们手下留情。写该系统单纯只是为了练手。
该源码只供学习,如果用作其他用途,自行承担责任。
对于自适应方面,写得比较垃圾,使用了bootstrap的表格布局,还有一些媒体查询,实现的自适应。
相关配置在main.js中可以修改

源码截图

基于Vue的Spring Boot的橘子视频解析系统源码 第2张插图

后端

1.后端基于jdk8和spring Boot框架开发,因为测试所以简单的做了一个接口类。
主要功能:
2.设置多个解析接口,轮询方式解析,当发现接口不可用则跳到下一个接口
防跨站配置
3.因为只是简单的一个小例子,该接口还有很多地方待完善
4.相关配置可以在application.yml中配置

vue 项目 页面刷新404问题

vue页面访问正常,但是一刷新就会404的问题解决办法:
第一种解决方法:
将vue路由模式mode: 'history' 修改为 mode: 'hash'

//router.js文件
const router = new Router({
    //mode: 'history', 
    mode: 'hash',
    routes: [
        { path: '/', redirect: '/login' },
        { path: '/login', component: Login },
    ]
})

第二种解决方法:

在服务器Nginx配置文件里,添加如下代码,再刷新就OK了

location / {
 try_files $uri $uri/ @router;
  index index.html;
}

location @router {
  rewrite ^.*$ /index.html last;
}
基于Vue的Spring Boot的橘子视频解析系统源码 第3张插图文件下载
橘子解析v1.0.zip
PHP/HTML
62MB
蓝奏云
更新时间:2023-01-06 08:49:11
免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
如若转载,请注明出处:https://www.zxki.cn/5421.html

上一篇 2023-1-6 08:20
下一篇 2023-1-6 10:29

相关推荐

发表评论

为了防止灌水评论,登录后即可评论!

已有 8 条评论