博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-router配置
阅读量:5732 次
发布时间:2019-06-18

本文共 1735 字,大约阅读时间需要 5 分钟。

vue项目中vue-router的处理

import Vue from 'vue'import Router from 'vue-router'import Login from '@/views/login'import Error from '@/views/error'import ModifyPassword from '@/views/modifypassword'import Resetpsd from '@/views/resetpsd'import MailConfirm from '@/views/mailconfirm'import {getCookie} from '../utils/util'// 或者你可以新建一个方法Router.prototype.goBack = () => {    merchantwallet.rountisBack = true    window.history.go(-1)}Vue.use(Router)const router = new Router({    mode: 'history',    base: '/',    routes: [        {            path: '/error',            name: '找不到该页面',            component: Error        },        {            path: '/login',            name: '登录',            component: Login        },        {            path: '/modifypassword',            name: '修改密码',            component: ModifyPassword,            meta:{ requiresAuth: true }  //需要鉴权        },        {            path: '/resetpsd',            name: '找回密码',            component: Resetpsd        },        {            path: '/mailconfirm',            name: '邮件确认',            component: MailConfirm        },        {            path: '/...',            name: '功能页',            component: ...,            meta:{ requiresAuth: true }  //需要鉴权        }    ]})/** *  路由拦截 *  所有需要鉴权的页面,如果存储登录态的cookie不存在就跳登录页 */router.beforeEach((to,from,next)=>{    if(to.matched.some(record=>record.meta.requiresAuth)){   //遍历 $route.matched 来检查路由记录中的 meta 字段        if(getCookie('session')){            next()          //进行路由管道中的下一个钩子        }else{            next({                path: '/login',                query: { redirect : to.fullPath }            })        }    }else{        next()    }})export default router;

 

转载于:https://www.cnblogs.com/wxcbg/p/10950453.html

你可能感兴趣的文章
nginx利用第三方模块nginx_upstream_check_module来检查后端服务器的健康情况
查看>>
系列3:WAS Liberty Profile hello mysql jdbc
查看>>
BFC 神奇背后的原理
查看>>
动态ACL(1)
查看>>
基础知识:python模块的导入
查看>>
Android MVC之我的实现
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
关于批处理-1
查看>>
如何让更多用户使用远程桌面访问您的服务器
查看>>
谁占用了我的系统资源
查看>>
Tomcat部署Web应用方法总结
查看>>
ubuntu常见问题汇聚
查看>>
MDLog分析
查看>>
Python3 django2.0 字段加密 解密 AES
查看>>
CCNA实验之:网络地址转换(NAT)实验
查看>>
【转】Python 可视化神器-Plotly Express
查看>>
计算机网络原理笔记-停止等待协议
查看>>
topcoder srm 662 div1
查看>>
Java基础之静态变量
查看>>