Vue
jmallanwong
这个作者很懒,什么都没留下…
展开
-
Vue动态路由生成跳转外链的菜单
// 为了防止出现后端返回结果不规范,处理有可能出现拼接出两个 反斜杠 // 如果为外部跳转,则增加beforEnter处理,target设置为blank if (!currentRouter.path.startsWith('http')) { currentRouter.path = currentRouter.path.replace('//', '/'...原创 2019-11-05 15:11:13 · 2699 阅读 · 0 评论 -
vue基于d2-admin的RBAC权限管理解决方案
前两篇关于vue权限路由文章的填坑,说了一堆理论,是时候操作一波了。vue权限路由实现方式总结vue权限路由实现方式总结二选择d2-admin是因为element-ui的相关开源项目里,d2-admin的结构和代码是让我感到最舒服的,而且基于d2-admin实现RBAC权限管理也很方便,对d2-admin没有大的侵入性的改动。预览地址Github ...转载 2019-10-22 08:22:26 · 1144 阅读 · 2 评论 -
vue权限路由实现方式总结(二)
之前已经写过一篇关于vue权限路由实现方式总结的文章,经过一段时间的踩坑和总结,下面说说目前我认为比较“完美”的一种方案:菜单与路由完全由后端提供。菜单与路由完全由后端返回这种方案前文也有提过,现在更加具体的说一说。很多人喜欢把路由处理成菜单,或者把菜单处理成路由(我之前也是这样做的),最后发现挖的坑越来越深。应用的菜单可能是两级,可能是三级,甚至是四到五级,而路由一般最多不会超过三级。如...转载 2019-10-22 08:20:41 · 620 阅读 · 0 评论 -
vue权限路由实现方式总结(一)
使用全局路由守卫实现前端定义好路由,并且在路由上标记相应的权限信息const routerMap = [{path: ‘/permission’,component: Layout,redirect: ‘/permission/index’,alwaysShow: true, // will always show the root menumeta: {title: ‘per...转载 2019-10-22 08:19:18 · 935 阅读 · 0 评论 -
vue-element-admin v4.0+如何跨域调试
前言我们做vue-element-admin的开发的时候,必然涉及到跨域调试,因为做开发的时候,可能涉及到最少3个域名:前端开发的域名是localhost:9528本机后端的域名就不是localhost:9528了,毕竟前后端代码刻意放在同一个域名下就没必要了,所以后端的域名可能是localhost:8080线上服务器的后端域名,可能是abcd.com至于其他的,还有:后端程序员的本地A...转载 2019-10-11 08:33:22 · 2454 阅读 · 0 评论 -
重构 vue-element-admin 权限模块
后台开发离不开权限,不同的用户登录,根据不同的权限,可以访问不同的管理目录。但在使用vue-element-template里内置的权限模块功能后,发现作者提供的权限模块扩展性不是很好,所以这篇文章就是记录我是如何基于作者原有的权限模块进行的一次重构。为什么要重构开篇的时候说了,因为扩展性不是很好,那具体是什么扩展性不好呢?我们先来看下作者原有的权限模块实现思路是怎么样的。首先...转载 2019-10-07 08:16:27 · 1832 阅读 · 4 评论 -
RabbitMQ Node.js 示例
RabbitQM 处理和管理消息队列的中间人(broker)。可简单理解为邮局,你在程序中写好消息,指定好收件人,剩下的事件就是 RabbitMQ 的工作了,它会保证收件人正确收到邮件。任何发送邮件的程序都是 Producer,消息队列可理解为邮筒,新件将堆积在此处。所有待处理的消息都以队列形式存储,总体上看来就是一个巨大的消息 buffer,至于存储量与设置的内存及硬件有关。任何应用都可以向队...转载 2019-09-24 22:25:36 · 540 阅读 · 0 评论 -
Mock简明文档
转载自: vue技术栈开发实战https://segmentfault.com/ls/1650000016221751iview-admin作者 Lison 出品Mock简明文档Mock.mock()Mock.mock( requestUrl?, requestType?, template|function(options) ) Mock.mock( template )...转载 2019-09-24 08:15:54 · 246 阅读 · 0 评论 -
iview admin 使用mock.js模拟数据
最近在使用ivew admin做项目,为了前后端分离使用mock模拟数据,记录步骤:1.文件结构:2.打开src / mock,新建文件glbr.js:3.编写需要模拟的数据结构:import Mock from 'mockjs'import { doCustomTimes} from '@/libs/util';export const getHospital = (req...转载 2019-09-23 21:40:20 · 631 阅读 · 0 评论 -
【vue】iView-admin2.0动态菜单路由【版2】
依照iView-admin2.0动态菜单路由【版1】 归纳几个节点动态路由获取方式2 ——> easymock假数据 ——> 数据转组件处理、addRoutes ——> localStorage存储 ——> 动态路由path刷新修改操作–关于动态路由删掉src/main.js中mounted调用的初始化动态路由函数initRouter()——————即没做修改的初...转载 2019-09-23 16:53:41 · 651 阅读 · 1 评论 -
【vue】iView-admin2.0动态菜单路由【版1】
vue项目实现动态路由有俩种方式一.前端在routers中写好–所有–路由表 <前端控制路由>,登录时根据用户的角色权限来动态的显示菜单路由二.前端通过调用接口请求拿到当前用户–对应权限的–路由表 <后端处理路由返回>,以动态的显示菜单路由介绍第二种 (参考资料 segmentfault-大师兄)左侧菜单可通过 ①本地mock假数据 ②easymock假数据 ③...转载 2019-09-23 16:35:07 · 1051 阅读 · 0 评论 -
【Api】easy-mock在线api
解决在使用easy-mock模拟post提交数据的情况中,我们有时需要对提交的数据进行简单逻辑处理。查阅文档发现可以使用"_req.body.keyname"来获取相应的值,但是在对演示项目进行预览操作时发现,容易出现undefined或Bad Request值。文档中提到“当 post 请求以 x-www-form-urlencoded 方式提交时,我们可以拿到请求的参数对象”,经过多次尝...转载 2019-09-23 16:15:18 · 360 阅读 · 0 评论 -
iview-admin 2.5.0 登录
//api/user.jsexport const login = ({ userName, password }) => { const data = { username: userName, password } return axios.request({ url: '/api/token', data, method: 'po...转载 2019-09-23 12:53:20 · 730 阅读 · 0 评论 -
vue-cli中的babel配置文件.babelrc详解
本文介绍vue-cli脚手架工具根目录的babelrc配置文件介绍es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码babel有提供专门的命令行工具方便转码,可以自行去了解vue-cli脚手架的.babelrc文件{ // 此项指明,转码的规则 "presets": [ ...转载 2019-09-18 17:11:40 · 3982 阅读 · 0 评论