「Vue」登陆-路由拦截器
2024-10-08 04:15:04
1、main.js设置拦截器
router.beforeEach(function (to,from,next) {
if (to.meta.requireAuth) {
if (store.state.token) {
next()
} else {
next({name: 'log',query: {backUrl: to.fullPath}})
}
}else(
next()
)
})
2、路由设置
{ path: '/course',component: Course,meta: { requireAuth: true}}
3、vue页面方法设置,对应main.js设置的backUrl
login() {
this.$axios.post('api/login/',{user:this.user,pwd:this.pwd}).then(ret => {
if (ret.data.code === 1000) {
var obj = {token:ret.data.token,name:ret.data.data}
this.$store.commit('getToken',obj)
var url = this.$route.query.backUrl
if (url) {
this.$router.push({path: url})
} else {
this.$router.push({name:'home'})
} }
if (ret.data.code === 1001) {
alert('用户名或密码错误')
}
if (ret.data.code === 1002) {
alert('请求错误')
}
}).catch(ret => {
console.log(ret)
})
this.user = ''
this.pwd = '' }
最新文章
- 【WP 8.1开发】推送通知测试服务端程序
- linux下搭建php的集成环境
- OpenFileDialog获取文件名和文件路径问题
- jQuery实现隐藏标签
- MyEclipse------如何添加jspsmartupload.jar+文件上传到服务器
- ajaxFileUpload插件上传文件 返回 syntaxError :unexpected token
- MVC和传统的以模板为中心的web架构比较
- 我的Android进阶之旅------>;经典的大牛博客推荐(排名不分先后)!!
- node.js前后台交互示例 -- 使用node.js实现用户注册功能
- 【python学习笔记】3.字符串使用
- [ 搭建Redis本地服务器实践系列 ] :序言
- python———day03
- Nancy.Net之旅-探索模块
- vue实现一个简易Popover组件
- Excel公式与函数——每天学一个
- Centos7下安装Oracle11g r2图形化界面数据库
- 带标签的循环语句、switch
- WPA3在2018年为无线安全添砖加瓦
- JVM内存限制和调整
- Linux下安装 mongodb