分类：Vue路由

2021
10-15

Vue路由this.route.push跳转页面不刷新的解决方案

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。案例：A页面：B页面：问题：当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页面没有执行mounted钩子函数，结果导致mounted函数中查询方法不执行。二、解决方法：1、使用activated:{}周期函数代替mounted:{}函数... 继续阅读 >

2020
10-23

针对Vue路由history模式下Nginx后台配置操作

前端将vue路由模式改为history模式后需要运维配置才能正常访问，配置信如下location/{roothtml;indexindex.htmlindex.htm;try_files$uri$uri/@rewrites;}location@rewrites{rewrite^(.+)$/index.htmllast;}经测试，可以正常访问补充知识：VueHistory模式下整合Nginx部署踩坑过程在公司部署Vue项目期间，因Vue的Router下的Hash模式的#号太过于难看，就去把模式改为了history模式，谁想打包后出现了无尽... 继续阅读 >

2020
10-06

vue路由权限校验功能的实现代码

引言做后台系统的时候，难免会有用户权限的判断。admin可以查看全部菜单，user只能查看部分菜单。一开始接触这个需求的时候，完全是纯前端做的。在配置路由的时候，加一个roles的属性，通过判断用户的roles是否与路由的roles属性相匹配来作为显示隐藏的依据{path:'/router',name:'router',meta:{title:'标题',roles:['admin','user']},component:index,children:[{path:'children',name:'children',meta:{t... 继续阅读 >