vue在路由中验证token是否存在的简单实现
1. 在router/index.js进行验证
2. 代码如下：
import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/common/Login';
......
Vue.use(Router)
const router = new Router({
routes: [{
path: '/',
name: Login,
component: Login,
},
{
path: '/home',
component: Home,
meta: {
requiresAuth: true // 要求验证的页面,在此情况下其子页面也会被验证.
},
children: [{
path: '/paChong',
name: 'PaChong',
component: PaChong
}
]
}
]
})
router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) { // 哪些需要验证
if (!sessionStorage.getItem("token")) { // token存在条件
next({
path: '/', // 验证失败要跳转的页面
query: {
redirect: to.fullPath // 要传的参数
}
})
} else {
next()
}
} else {
next() // 确保一定要调用 next()
}
})
export default router
以上这篇vue在路由中验证token是否存在的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍vue登录路由验证的实现，包括了vue登录路由验证的实现的使用技巧和注意事项，需要的朋友参考一下 vue的项目的登录状态如果用vuex状态管理，页面一刷新vuex管理的状态就会消失，这样登录路由验证就没有意义了。可以将登录的状态写到web Storage中进行存储管理。 步骤如下： 1、在登录组件里，将登录状态写入web Storage里。(一般写入session Storage，会
-
在给定的json文档中，如何验证是否存在json路径？ 我使用的是jayway jsonpath，代码如下 上述代码可能会引发以下异常 通用域名格式。乱穿马路。jsonpath。PathNotFoundException:路径：$['a.b.c']没有结果 为了缓解这种情况，我打算在尝试使用JsonPath读取该路径之前验证该路径是否存在。阅读 作为参考，我看了以下两个文档，但没有真正得到我想要的
-
我正在使用Apache Mina SSHD库编写一个SFTP客户端，特别是SSHD SFTP 2.3.0。我选择它而不是SSHJ库，因为它可以将字符串直接写入远程文件，并且也没有不必要的依赖关系。 任务：当将文件发送到SFTP服务器以制作先前文件的备份副本（如果有）时。 我研究了类提供的所有可能性，其中我没有找到搜索文件的简单方法。 有和方法，它们返回
-
我试图实现身份验证的路由，但发现React路由器4现在阻止此工作： 错误是： 警告：您不应使用
-
问题内容： 我有以下内容，其中是是，并且由表示： 我的应用程序中还实现了另一个。 我的问题是，从我的第二个中找出我是否包含特定内容的最佳方法是什么？ 我尝试过但没有成功： 问题答案： 为什么不： 而且，如果您必须遍历整个，而不是只寻找一个特定值： 编辑 过去，我用一些Java 8惯用语对此进行了更新。 Java 8流API允许使用更具声明性（并且可以说是优雅的）的方式来处理这些类型的迭代。 例如，
-
可以在路由规则定义的时候调用validate方法指定验证器类对请求的数据进行验证。 例如下面的例子表示对请求数据使用验证器类app\index\validate\User进行自动验证，并且使用edit验证场景： Route::post('hello/:id', 'index/hello') ->model('id', 'app\index\model\User') ->valida