鬼畜义父官方网站正版地址，认准这个不迷路！

大家今天跟大家聊聊我这几天搞的“鬼畜义父”官方网站，别想歪了哈，就是个好玩的个人项目。

事情是这样的，我最近迷上了鬼畜视频，特别是“义父”这个梗，觉得特别有意思。就想着能不能自己做一个网站，专门收集和分享这类鬼畜视频，顺便也练练手，巩固一下前端技能。

第一步，当然是确定需求。 我简单列了一下：

小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区

• 视频播放：这是最基本的功能，必须支持在线播放。
• 视频搜索：方便用户快速找到想看的视频。
• 视频分类：按照不同的“义父”角色或者鬼畜风格进行分类。
• 用户评论：允许用户发表对视频的看法。
• 后台管理：方便我上传和管理视频。

第二步，技术选型。 因为是个人项目，不想搞太复杂，就选择了比较熟悉的 * 作为前端框架，后端用 * + Express 搭建一个简单的 API，数据库用 MongoDB 存储视频信息。

第三步，开始撸代码！

前端部分：

• 先用 Vue CLI 创建了一个新的项目。
• 然后搭建了基本的页面结构，包括首页、视频播放页、搜索结果页等。
• 用了 Vue Router 做路由管理，实现了页面之间的跳转。
• 视频播放器选了 *，感觉比较好用，功能也比较全。
• 搜索功能用了一个简单的 input 框，用户输入关键词后，调用后端 API 进行搜索。

后端部分：

• 用 Express 创建了一个 API 服务。
• 定义了几个 API 接口，包括获取视频列表、搜索视频、添加视频等。
• 用 Mongoose 连接了 MongoDB 数据库。
• 后台管理界面用了一个现成的 AdminJS，省了不少事。

第四步，遇到的一些坑。

• 跨域问题：前端调用后端 API 时，遇到了跨域问题，通过设置 CORS 解决了。
• 视频播放问题：有些视频格式 * 不支持，需要进行转码。
• 搜索性能问题：当视频数量比较多时，搜索速度会变慢，考虑后续优化。

第五步，部署上线。

因为是个人项目，就随便找了一个免费的云服务器，把前端代码打包后上传到服务器，后端 API 也部署到服务器上。然后用 Nginx 做反向代理，把域名指向了服务器。

简单

这回做“鬼畜义父”官方网站，虽然是个小项目，但是学到了不少东西，也巩固了之前学的知识。特别是解决跨域问题、视频播放问题和搜索性能问题，让我对前端和后端的技术都有了更深的理解。这个网站还很简陋，后续还会继续完善，加入更多有趣的功能。

就这样，下次再跟大家分享其他好玩的东西！