1、在路由添加

meta:{
requireAuth:true
}

完整

{
path: '/xx',
name: 'xx',
component: xx,
meta:{
requireAuth:true
}
},

2、在mian.js中添加

router.beforeEach(function (to, from, next) {
// to 想要去哪里
// from 从哪里来
// next 跳转到哪里
if(to.meta.requireAuth){
// 要去的url只有登陆成功后才能访问
if (store.state.token) {
next()
} else {
next({name: 'login',query: {backUrl: to.fullPath}})
}
// 没有 meta条件,直接跳转
}else{
next()
}
});

3、修改登录页面

目的:原页面->登录页面->跳转原页面

var url = that.$route.query.backUrl;
if(url){
that.$router.push({path: url})
}else{
that.$router.push({path: '/index'})
}

最新文章

  1. 跟随 Web 标准探究DOM -- Node 与 Element 的遍历
  2. Linux启动管理:grub
  3. EasyUI中在表单提交之前进行验证
  4. phpcms下载下来的程序刚安装就报错了
  5. Ubuntu 通过Deb安装 MySQL5.5(转载)
  6. hdu 5755(高斯消元——模线性方程组模板)
  7. DNS查询指令nslookup
  8. sonar 代码质量管理平台
  9. LayoutInflater的获取与使用
  10. 百度前端技术学院(IFE)2016春季学期总结
  11. MongoDB ‘conn’Mongo 对象远程代码执行漏洞
  12. Activity和View的区别:
  13. dom处理配置文件_待完善
  14. sql or 与and同时有时要注意
  15. nginx实现wap移动端和PC端业务分离
  16. es6中一些基本的使用方法
  17. Post请求data参数构造及巧用js脚本显示爬虫进度
  18. LeetCode(93): 复原IP地址
  19. Java计算器(结对)
  20. Looper Handler Mssage

热门文章

  1. Ajax与PHP通信
  2. linux 运行处理者
  3. Python的驻留机制(仅对数字,字母,下划线有效)
  4. C++Review1_多态和虚函数
  5. schema list validator --python cerberus
  6. 关于C#异步编程你应该了解的几点建议
  7. 使用 Postman 测试你的 API
  8. socket粘包问题及解决方案
  9. 快速傅里叶变换与快速数论变换瞎学笔记$QwQ$
  10. 「CH2501」 矩阵距离 解题报告