vue-element-admin如何绕开系统的请求的路由，使用静态路由

于 2024-02-25 11:21:58 发布
阅读量343 收藏
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41304029/article/details/136280091
版权
作者在开发过程中遇到服务端权限管理未完善的问题，通过创建动态路由文件并引入常量路由来解决，同时提及在permissions部分的处理方法。
摘要由CSDN通过智能技术生成

我开发时候遇到一个这样的问题，服务端权限管理部分还没搞好，所以但是需要将所有菜单列出来

我做了以下的修改
首先是建一个文件存放后期需要动态生成的路由
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
引入到常量路由中
在这里插入图片描述

另外在permissions当中
在这里插入图片描述

很菜很菜的人
关注
vue-element-admin中文版本
07-20
Vue-element-admin 是基于 Vue.js 的一套全面的后台管理系统模板，它利用了 Element UI 这个流行的 UI 组件库，提供了一系列预设的页面模板、路由、权限管理等功能，极大地加速了后台管理系统的开发过程。...
管理系统系列--vue3-element-admin后台管理系统前端解决方案.zip
最新发布
02-25
【标题】：“管理系统系列--vue3-element-admin后台管理系统前端解决方案.zip”揭示了这是一个基于Vue3和Element UI构建的后台管理系统的前端实现。Vue3是Vue.js框架的最新版本，提供了性能优化、更好的类型支持和更...
vue-element-admin项目学习笔记（3）路由分析一:静态路由
学习，是熵减的最有效途径。
06-13 1323
路由模块非常重要，自己基于这个框架进行开发，这个必须吃透！
vue-element-admin 跳过登录权限
热门推荐
小生测试的博客
12-10 1万+
前言： 项目使用人数不多，功能也不涉及到权限，开发vue-element-adminq权限比较花时间，屏蔽权限是最快的方法 操作 找到src/permission.js文件,替换成以下内容即可。 import router from './router' import store from './store' import { Message } from 'element-ui' import NProgress from 'nprogress' // progress bar import 'nprog
vue-router 静态路由
Gomeer的博客
12-19 1882
SPA （单页应用程序）        只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。   浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。 特点 速度：更好的用户体验，让用户在...
vue-cli配置静态路由(vue-router)
weixin_43697548的博客
05-09 1343
三部完成路由注册 涉及文件:router目录下index.js和staticRouter.js,以及入口文件main.js 一: staticRouters.js中代码如下: 为了方便管理,静态路由的配置在单独文件管理 // 引入组件写法一: const index =() =>{ return import ( './../components/index') } // 引入组件写法二: ...
vue-element-admin-4.4.0.zip
03-01
"vue-element-admin-4.4.0.zip" 是一个包含Vue.js前端框架的项目压缩包，主要用于构建管理后台系统。这个版本是4.4.0，意味着它可能包含了该框架的一些更新和改进。Vue.js是一个轻量级、高性能的前端JavaScript框架...
vue-element-admin 完整包 含全部依赖
05-30
总的来说，"vue-element-admin"结合了Vue.js、Element UI和VSCode的强大功能，为前端开发者提供了一个高效、便捷的后台管理系统开发平台，通过学习和使用这个项目，不仅可以深入理解Vue.js和前端开发流程，还能提升...
vue-element-admin-i18n.zip
08-17
6. **项目结构**：Vue Element Admin通常会遵循标准的Vue项目结构，包括src目录下的assets（静态资源）、components（组件）、views（视图）、router（路由）、store（Vuex状态管理）等，便于理解和维护。...
vue的静态路由和动态路由
weixin_47353884的博客
06-24 6256
vue路由vue中通过路由跳转的三种方式标签路由 router-linkthis.$router.push()this.$router.replace()ps : this. $ router.push()和this. $ router.replace()的区别前端路由实现原理主要通过利用H5的history API实现back、forward、go三个方法利用url的hash实现abstract模式静态路由与动态路由的区别优点：缺点： #mermaid-svg-a3FODESelaJ8znB8 .labe
vue关于静态路由和动态路由：
weixin_48123820的博客
05-23 3767
这篇文章写得超详细！！！👇。
vue路由配置
coding
08-12 1578
import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) /** * Note: 路由配置项 * * hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1 * alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时，自动.
vue动态路由/静态路由
书中自有妍如玉的博客
07-29 5957
/history需要修改config/index.js下的assetsSubDirectoryhistory'static'hash为默认'/'.path'/list/id',//url的名称，在浏览器地址栏的输入内容。使用示例localhost/8080/localhost/8080/list。path'/list',//url的名称，在浏览器地址栏的输入内容。name'list',//路由的名称。name'list',//路由的名称。.........
vue2.x与3.x静态路由和动态路由
前端御书房
12-26 1122
vue2.x与vue3.x的静态路由和动态路由
vue路由，，包含静态路由和动态
kkelim的博客
04-05 3838
1.vue路由的定义和使用 1）静态路由的定义： 固定路由的路径在index.js中的routes数组中;基本格式示例如下 ​ { path: '/list',//url的名称，在浏览器地址栏的输入内容 name: 'list',//路由的名称 meta:{ //需要给路由定义自定义属性时，必须写在这个对象中 isLogin:true }, component: list //路由指向的组件 //component:()=>
vue的路由入门，Vue入门
星空的日常博客，希望日常能给你帮助
02-27 691
vue的路由入门
Vue 最简单路由 页面路由 配置路由
生产队的驴
11-07 233
路由安装Vue3使用 vue-router@4Vue2使用 vue-router@3。
Vue的全局过滤器和局部过滤器使用
m0_61476911的博客
01-17 208
vue全局过滤器使用
讲解一下vue-element-admin里的路由
06-09
Vue-element-admin 是一个基于 Vue.js 和 Element UI 的后台管理系统模板。它的路由采用了 Vue Router，主要分为两个部分：动态路由和静态路由。 动态路由是指根据用户权限动态生成的路由，它们在用户登录成功后...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值