前端文件预览组件的封装

前言 公司的AI Pass平台需要能够预览数据集文件,然而数据集文件类型很多很杂,这就需要封装一个稍微通用的预览组件(vue实现),使得大部分常用的数据集文件都支持预览。 思路 考虑到每种类型的文件或许需要不同的代码实现,所以这边通过写一个类型组件映射配置,通过主入口的<component>标签传入


前端websocket的转发使用

前言 在前端开发过程中也遇到过一些websocket的坑,所以为了以后不再爬坑,先记录下一些使用方法 1.websocket的url的基础写法 let url = `ws://${location.host}/ws/socket/io`; const socket = new WebSock


前端websocket类的封装

前言 在前端开发中,我们有时会遇到一些需要websocket的情况,而一个系统里如果有多个地方需要用到websocket,我们就会去写很多重复的处理代码,所以这边自己封装了websocket的类。 一些需要websocket的场景,比如: 1.异步等待服务状态,可以实时获取后端通过k8s创建服务的流


前端系统的使用pinia封装授权逻辑

环境 前端框架:fantastic-admin框架 前言 前端项目现在是多入口的,分为portal和console两个入口,当前的需求是portal进去登录如果无授权的话直接退出登录,console入口进去无授权的话页面跳转到授权管理页面,且其他菜单全部隐藏掉。 实现思路 1.首先我们需要封装一个公


导航网站部署笔记

在线预览地址 https://nav.carolin-violet.cn/ 一. 前期准备 腾讯云服务器 -宝塔Linux面板 8.1.0 腾讯云专享版 域名,并且备案 宝塔,并且安装nginx和docker 二. 服务部署 mysql部署