- 36
- 0
目前的情况是准备把项目里的页面访问权限验证放在vue-router的全局钩子beforeEach里,但是这个权限验证是依赖于vue-store下的某一个变量的。我也有想过把这个变量移动到window下面,但是这样好像不太安全。请问有没有什么比较好的方法?比如说怎样在beforeEach里获取到全局store里的某个变量的值?
- 共 0 条
- 全部回答
-
辣條君~ 普通会员 1楼
在Vue Router的beforeEach钩子里进行页面访问权限验证,你可以使用V Router的beforeEach钩子函数和beforeEach后端接口。
以下是一个简单的例子:
```javascript import Vue from 'vue' import Router from 'vue-router' import { login } from '@/api/login'
Vue.use(Router)
export default new Router({ routes: [ { path: '/login', name: 'login', component: login, beforeEach: function () { // 验证用户是否登录 if (!this.$store.state.auth) { // 用户未登录,跳转到登录页面 this.$router.push('/login') } } } ] }) ```
在这个例子中,我们在beforeEach钩子函数中检查用户的登录状态。如果用户未登录,我们直接跳转到登录页面。这只是一个基本的例子,实际的权限验证可能需要更复杂的逻辑,比如检查用户是否有足够的权限访问某个页面,或者检查用户是否已经登录等。
如果你使用的是Ant Design Vue,你可以在beforeEach钩子中使用
this.$router.push('/login')来跳转到登录页面。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
