最近在学习一些vue方面的知识，遇到了点vue权限的问题，不过经过小猿圈web前端讲师的解答，终于是得到了解决，所以今天绝对把握遇到的问题也分享给大家，希望能帮助大家。
权限问题解决思路对于一个前后端分离的项目而言，权限不再是仅仅靠后端来控制，后端只能控制接口的权限，前台的页面显示还是需要我们来控制，针对vue的项目，首先我想的是当权限不多，并且都是单个权限的情况下，我们完全没有必要
一：权限是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发页面上的按钮点击触发总的来说，所有的请求发起的触发自前端路由或视图所以我们可以从两方面入手，对触发权限的源头进行控制，最终实现的目标是：路由方面，用户登录后只能看到自己有权访问的导航菜单也只能访问自己有权访问的路由地址，否则将跳转
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阅读
序言目前无论笔记还是项目文档，大部分我都会通过 Markdown来记录，并且大部分文档写完都只存在自己电脑上，每次查找起来都需要耗费一些时间自己的写的一部分技术教程由于初次记录时了解知识不多，内容存在偏差或考虑不全面，后面需要修订和再加工过程，因此创建一个随时可查看，可编辑补充的文档知识库对我来说尤为得较为重要。想法不落实于行动，毕竟还是想法，于是网上查阅了创建文档库的相关资料，分为以下几类：1，
转载
2024-08-01 15:38:43
102阅读
一.前言VuePress 是尤雨溪推出的支持 Vue 及其子项目的文档需求而写的一个项目，UI简洁大方，官方文档详细容易上手二.搭建：1.新建一个工程目录为project可以手动右键新建，也可以使用下面的命令新建文件夹：使用git bash终端 $ mkdir project2. 全局安装VuePress$ 
转载
2024-04-25 09:12:13
101阅读
前言最近公司是要重构一下我们的SDK文档，之前是用的gitbook来生成的，效果掺不忍睹，样式不好看就不好说了，之前的老哥写得东西语法很乱，改起来很费解，索性就干脆来个大换血。之前有用过各种的文章博客框架，比如：大名鼎鼎的hexo，比较流行的docsify，以及Docute。但是效果都不是很理想。想着既要样式好看，告别千篇一律，更要结构清晰，语法简单，能够支持自定义，更加自由的文档框架。知道发现了
转载
2024-03-22 23:37:12
78阅读
历经网上各种教程，实践之后进行总结记录，免得隔天就忘。 文章目录前言1.VuePress使用（不使用vuepress的可以跳过）2.Github Actions 自动部署（详细）部署过程：配置deploy.yml补充：ACCESS_TOKEN的创建补充：获取DEPLOY_PRIVATE_KEY的方式：两个插件的地址：非自动部署到github，本地自动构建（deply.sh配置） 前言记录一下这几天
转载
2024-07-22 10:34:54
100阅读
前言VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。致力于轻量级的文档框架，是基于vue之上的二度开发，但是在使用的时候也遇到过不少的问题，下面小谭鸡米花就把我在开发过程中遇到的常见问题列举出来，希望对大家有所帮助。1.动态文档实际开发中，会遇到多个文档的情况，要求提供一个侧
转载
2024-04-09 00:30:43
122阅读
项目背景：登录的时候，后端在返回token的同时还一并返回用户的登录权限，且我司返回的是一串数组，里面的内容对应每个要显示的路由，没有admin之类的权限。实现流程（具体看代码，超级详细）:改变路由结构，分为constantRoutes(静态路由) 和 asyncRoutes(动态路由)给每个路由赋予角色开始实现动态加载啦实现过程遇到的bug：登录后刷新，页面变成空白。(已解决，将拿到的角色存储在
转载
2024-10-30 08:19:34
95阅读
vuepress安装时遇到的问题首先需要安装nodejs，然后打开dos窗口，转换到nodejs路径下npm install -g vuepress运行上边的命令后报了一大串npm WARN deprecated ***，然后运行vuepress -v提示vuepress不是内部命令之类的，说明没安装成功看了很多文章没有找到适合的解决方案就根据log里看到的路径C:\Users\Administr
缘起哈喽大家好，今天周四啦，楼主明天要正式放假了，这里先祝大家节日快乐咯，希望在家里能继续研究点儿东西吧，今天呢是 nuxt 的最后一篇，主要是对权限登录进行研究，这一块咱们之前在说第一个项目的时候已经稍微说到了，具体的逻辑大家可以查看这篇文章《二十四║ Vuex + JWT 实现授权验证登录》，具体的运行原理和流程，以及什么是 vuex ，在那里已经说的很清楚了，今天咱们就是主要在 nuxt 框
这里简单介绍通过VuePress构建项目在线文档。 一、VuePress官方地址： https://vuepress.vuejs.org/zh/一个Vue 驱动的静态网站生成器，以 Markdown 为中心的项目结构。VuePress 有很多优点：界面简洁优雅容易上手（半小时能搭好整个项目）更好的兼容、扩展 Markdown 语法 二、开始搭建# 1. 创建并进入一个
转载
2024-04-25 05:48:09
1048阅读
一、菜单权限的实现：在登录请求中会得到权限数据，当然这个需要后端返回数据的支持，前端根据权限数据展示对应的菜单，点击菜单才能查看相应的界面。登录之后获取到的数据：[
{
path: "/main/data",
alias: "/data",
name: "data",
转载
2024-09-20 16:18:43
102阅读
vue3.0，可以在ui界面自定义安装： 新建一个空文件夹，cmd运行： vue ui，回车： 创建项目： ------------------------------------------- &
转载
2024-10-08 13:01:12
51阅读
1.Vue的键盘事件中的keyup与keydownvue对原生js中的键盘事件进行了封装onkeyup => keyuponkeydown => keydown我们可以借助他们对元素进行键盘事件的监听<div id="#app">
<!-- keyup触发键盘事件 -->
<input type="text" @keyup="fun">
一.什么是权限管理在web应用中权限管理,一般指根据系统设置和分配给某个角色的应用权限,用户可以访问而且只能访问自己被分配的资源。权限管理几乎出现在任何系统里面,在web后台管理系统里面尤为常见。二.权限管理的分类后端权限权限管理主要还是围绕着数据进行的,核心还是服务器中数据的变化,所以后端一般才是权限的关键,后端告诉前端改用户拥有什么权限,然后前端在进行分配给用户,因此在很长的一段时间内,权限一
一，本地搭建快速开始同 VuePress 官网：1，创建新文件夹并进入mkdir vuepress-test
cd vuepress-test2,初始化项目yarn init 或者npm init3, 安装VuePressyarn add -D vuepress 或者 npm install -D vuepress4，Vuepress默认以docs作为根目录，所以README.md是主页新建doc
转载
2024-03-26 10:49:27
402阅读
github仓库地址：https://github.com/18518300669/JackTeslaBlogVuePress中文网：http://caibaojian.com/vuepress/guide/介绍VuePress 由两部分组成：一个以Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePres
当我们的组件库具备一些组件之后，需要开发者能够更流畅地使用，就需要有使用文档。这里我是用vuepress来搭建对应的开发文档。关于如何独立地使用vuepress，我之前地文章可以参考本文地内容也是和这个差不多，只不过整合了vue的组件使用范例。一，安装VuePressnpm install -D vuepress二，新建基础文件根目录下新建如下文件：--docs
----README.md
---
转载
2024-05-14 14:19:19
232阅读
先创建我们的vue项目，然后进入到项目文件my-app中。vue create my-app关于写文档我们使用 vuepress，因为它可以在 Markdown 中使用 Vue 组件。在文档中演示组件的效果非常方便，类似于 element-ui 这样的文档。npm install vuepress在当前目录建相关文件，详细的配置说明可以参考官方文档：vuepress.cn.
├─ docs
│
转载
2024-08-05 21:54:14
37阅读
