进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。这里先简单说一下，我实现登录和权限验证的思路。 登录：当用户填写…

万字长文讲述基于 Vue + Vite + Element-Plus + TypeScript 从0到1搭建真实企业级后台管理系统前端模板，配套Java 、Node 后端源码。

有图有真相，上图为页面跳转时显示的进度条。 我们在vue项目中，为了减少首屏加载的时间，通常会开启路由的懒加载。路由懒加载配合gizp确实能帮助我们大大的加快首屏的加载时间。 然而，路由懒加载会使得我们在第一次打开一个新页面的时候，会有一个加载时间。如果在这个时候我们没有一个提…

使用 Axios 请求，使用 Mock.js 快速创建接口所需要的数据，实现前后端分离式，快速开发。

这个时候我们就可以把所有的页面都放在路由表里，只要在访问的时候判断一下角色权限。如果有权限就让访问，没有权限的话就拒绝访问，跳转到404页面 vue-router在构建路由时提供了元信息meta配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相关权限，控制其…

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 1. 技术栈说明 vue2.6 + vue-router + vuex + element-ui 2. 开

上一篇文章我们通过 JWT 生成了 token 返回给前端进行鉴权,并且给 token 设置了过期时间。同时留下了一个问题:如果用户一直在操作页面,一直在调用我们的接口,过期时间一到突然让用户退出重新

在 Vue 中"指令"相信大家都不陌生,比如v-if,v-for,v-model等等,这些都是 Vue 中内置的指令。在 Vue 中指令其实也可以自定义,本篇文章就带大家来看一下如何使用自定义指令来控

物品小球飞入购物车动画是现在许多项目中都会运用到的一个动画技术，该篇文章将会非常详细地带大家实现这个动画效果，以及在实现过程中会遇到的问题。