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