利用vuex和localStorage实现vue菜单权限管理(笔记)

最近需要实现菜单权限管理的功能,好久没写了,之前也没有记录过,就很烦。在这里记录一下。实现方法太多了。后续再整理一下。 store/index.js vuex里获取权限列表 router/index.js的 router.beforeEach 或者 store/index.js router/index.js 路由守卫里 router.beforeEach 获取权限列表存到vuex里 最后页面中从[…]

继续阅读 …

vue-router 报错:Navigation cancelled from“/…“ to “/…“ with a new navigation.

vue-router@3.0版本及以上回调形式已经改成promise api的形式了,返回的是一个promise,如果路由地址跳转相同, 且没有捕获到错误,控制台始终会出现如图所示的警告 (注:3.0以下版本则不会出现以下警告!!!,因路由回调问题…)* 怎么解决呢? 方案一:安装vue-router3.0以下版本:先卸载3.0以上版本然后再安装旧版本 npm install vue-router[…]

继续阅读 …

el-menu实现路由跳转及当前页的导航

1、el-menu-item 路由跳转 要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下index即可实现点击el-menu-item实现路由跳转。 这样还是不够的,刷新页面后, el-menu-item 展示项不是当前页。 2、el-menu-item 展示当前页的导航 导航当前项,在el-menu标签中绑定  […]

继续阅读 …

Vue项目中如何实现用户登录及token验证?

思路: 1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面 4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面 5、每次调后端接口,都要在请求头中加[…]

继续阅读 …

vue-meta-info动态设置meta标签

网站的访问流量中,有相当一部分都是来自于搜索引擎,而来自于搜索引擎的流量又全部是免费的,所以网站的SEO(Search Engine Optimization 搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的! title如下图: keywords和description如下图: 1,安装vue-meta-info 2、 在main.js文件中引入[…]

继续阅读 …

wordpress 数据库详解

来源:百度搜索 wp_commentmeta:存储评论的元数据wp_comments:存储评论wp_links:存储友情链接(Blogroll)wp_options:存储WordPress系统选项和插件、主题配置wp_postmeta:存储文章(包括页面、上传文件、修订)的元数据wp_posts:存储文章(包括页面、上传文件、修订)wp_terms:存储每个目录、标签wp_termrelation[…]

继续阅读 …