怎么添加一个不嵌套整体布局的页面
项目里想加一个大屏展示页面,不要嵌套整体布局。我在router/index.js的全局路由里加上了这个页面的路由,能够实现。
但现在的问题是,这个页面不用登录就可以访问,我该怎么加上限制呢,没有登录不允许访问。face[抱抱]
-
2019-06-12
前后端分离的,只能在后端接口做限制,前端限制不了
-
2019-06-12
@Mark 因为看到这样的一段代码
[pre]
beforeEnter (to, from, next) {
let token = Vue.cookie.get('token')
if (!token || !/\S/.test(token)) {
clearLoginInfo()
next({ name: 'login' })
}
next()
}
[/pre]
,所以以为可以在前端控制呢face[嘻嘻]
-
2019-06-12
@Mark 我好像用路由的钩子函数实现了。[pre]
router.beforeEach((to, from, next) => {
// 添加动态(菜单)路由
// 1. 已经添加 or 全局路由, 直接访问
// 2. 获取菜单列表, 添加并保存本地存储
if (router.options.isAddDynamicMenuRoutes || (fnCurrentRouteType(to, globalRoutes) === 'global' && !fnIsDPRoute(to))) {
next()
} else if (fnIsDPRoute(to)) {
let token = Vue.cookie.get('token')
if (!token || !/\S/.test(token)) {
console.log(to)
clearLoginInfo()
return next({ name: 'login' })
}
next()
}
}
[/pre]
试着这样写了一下,然后在不登录的情况下,直接输入url不能访问页面了。
-
2019-06-12
@然然 face[good]
-
2019-06-12
@Mark 这样写,有什么安全隐患吗?
-
2019-06-12
@然然 前端还好,没有数据
-
2019-06-13
@Mark 好的,谢谢啦!face[good]
-
2019-07-01
您好,可以询问下页面不嵌套在整体布局的具体的实现方式吗?怎么在全局路由理里加这个大屏的页面路由,非前端出身,麻烦楼主指点一下face[嘻嘻]
-
2020-04-23
@三文鱼 抱歉,很久没来,没看到你的消息。你解决了吗?