登录权限控制包含着这么几个方面的含义：1）不同的权限对应不同的路由2）侧边栏需要根据不同的权限，异步生成登录：使用用户名和密码，登录成功后返回用户的token（防止XSS攻击），将此token存放在cookie中（保证刷新页面后依旧能够记住用户的登录状态）之后，前端根据token去拉取一个user_info的接口，获取用户详细信息，包括role根据用户的role，动态计算对应权限的路由，使用rou
角色列表的增删改查1.添加角色先根据API文档编写接口；// 添加角色
export const addRolesApi = (data) => {
return axios({
method: 'post',
url: 'roles',
data
})
}在角色组件内引用，然后给 添加角色 按钮绑定一个点击事件addRolesClick；
一.什么是权限管理在web应用中权限管理,一般指根据系统设置和分配给某个角色的应用权限,用户可以访问而且只能访问自己被分配的资源。权限管理几乎出现在任何系统里面,在web后台管理系统里面尤为常见。二.权限管理的分类后端权限权限管理主要还是围绕着数据进行的,核心还是服务器中数据的变化,所以后端一般才是权限的关键,后端告诉前端改用户拥有什么权限,然后前端在进行分配给用户,因此在很长的一段时间内,权限一
背景有时候，我们也希望VuePress构建的文档中心能支持离线访问，这时候我们需要给他添加渐进式Web应用(PWA，Progressive Web App)的支持，根据官方文档指引，我们可以借助插件vuepress/plugin-pwa来添加PWA的支持。PWA（Progressive Web Apps，渐进式 Web 应用）运用现代的 Web API 以及传统的
转载
2024-10-28 20:17:24
62阅读
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫，针对非专业前端的开发者来说，能快速搭建一个网站当然是最好的，正好，看到了VuePress这款产品特点简直是和自己完美契合，主要有几点；通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版，专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载
2024-05-07 13:47:01
26阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题，而是自己创建了一个主题。所以，在样式上，有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者：npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
4.1 项目结构首先说明一下官方推荐的目录结构：4.2 创建项目文件夹可以右键手动新建，也可以使用 mkdir 命令新建：mkdir vuepressBlogDemo全局安装 VuePressnpm install -g vuepress进入 vuepressBlogDemo 文件夹，初始化项目 使用 npm init 或 npm init -y（默认yes）npm init -y4.3 创建文件
转载
2024-07-24 17:43:34
100阅读
https://vuepress-theme-reco.recoluan.com/views/1.x/valine.html 配置： module.exports = { theme: 'reco', themeConfig: { valineConfig: { appId: '...',// yo
原创
2024-04-28 13:44:22
43阅读
在项目扩展到一定程度，我们会对项目中大量的公共业务做封装，当多人开发时就带来一个问题：如何让所有人快速使用封装好的组件，降低学习成本？这里提供一个解决方案，那就是Vuepress框架，最新的 Vuepress2.x 框架已经蓄势待发，支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
转载
2024-06-27 17:13:24
252阅读
https://vuepress-theme-reco.recoluan.com/views/1.x/valine.html配置：module.exports = { theme: 'reco', themeConfig: { valineConfig: { appId: '...',// your appId appKey: '...', // your a
原创
2022-07-25 12:13:03
105阅读
前言在上一篇文章 vuepress（一）：搭建个人博客插件的使用基础用法module.exports = {
plugins: [ 'vuepress-plugin-xxx', .... ]
}Babel 式module.exports = {
plugins: [
[
'vuepress-plugin-xxx',
{ /* options */ }
转载
2024-05-25 16:41:32
39阅读
说明最近想把常用的一些干货知识点都集中起来，方便发布和查找。相当于创建一个自己的知识库，我就叫它Java技术文档。虽然博客写文档也挺方便，但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例，它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
转载
2024-04-22 11:34:55
88阅读
最终效果使用方式页面效果一、需求vitepress-theme-demoblock插件在编辑md文件时，不支持TSX模式，也无法import其他依赖，并且展开隐藏的vue代码都在md文件中，不够优雅，且每个md文件太长。至此弃用此拆件，改用自己封装demo组件二、plugins配置：在docs/.vitepress下新建config文件夹1、在config文件夹新建global.ts文件，代码如下
转载
2024-04-10 20:37:50
157阅读
1 什么是VuePress？vuePress是以vue驱动的主题系统的简约静态网站生成工具2 如何搭建？在官方网址上说的其实很清楚的，这边简要的说一下2.1 利用npm 安装 vuepress# 初始化 npm
npm init -y
# 安装
yarn global add vuepress # 或者：npm install -g vuepress
# 新建一个 docs 文件夹
mkdir
转载
2024-02-22 16:43:50
97阅读
前段时间,docsify 的cdn崩了，我翻了一下很久之前的笔记，打开贼慢不说，样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个，虽然都是几年前的笔记文档，但毕竟这些笔记见证了我的成长，不能丢。最终选定了vuePress2，下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
Vuepress Vuepress 从名字上看就知道
原创
2022-07-24 00:35:51
313阅读
使用vuepress-theme-reco搭建自己的博客vuepress-theme-reco是VuePress的一个主题，大家可以参考VuePress和其他主题，搭建你自己风格的主题，这篇主要讲解vuepress-theme-reco主题的博客。VuePress是静态网页生成器，通过它，可以迅速的将我们的Markdown笔记变成网页，方便我们翻阅，查找。一、初始化项目1、引入vuepress-t
转载
2024-04-03 12:58:17
37阅读
vuepress 实用插件这些插件都是官方提供的，有些在我们实用默认主题的时候已经安装了，不需要再单独安装，有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
vuePress博客搭建指南需要node环境和npm支 如果不会安装npm请转到：安装指引vuePress概述Vue 驱动的静态网站生成器 基于markdown语法生成网页 可自定义和扩展样式 可以发布至github 详情请看官网 vuepress安装初始化全局安装更改npm默认下载路径 为taobao源npm config set registry https://registry.npm.ta
转载
2024-04-12 20:20:41
106阅读
续?VuePress、VuePress-theme-hope 搭建个人博客 1【快速上手】项目常用命令
vuepress dev [dir] 会启动一个开发服务器，以便让你在本地开发你的 VuePress 站点。
vuepress build [dir] 会将你的 VuePress 站点构建成静态文件，以便你进行后续部署。使用模板如果使用 VuePress Theme Hope
转载
2024-07-31 13:00:50
45阅读
