router.beforeEach((to, from, next) 路由导航守卫页面出现了白屏，但没有报错

白开水z

于 2020-12-22 10:17:12 发布

阅读量3.2k

点赞数 4

分类专栏： vue 文章标签： vue.js web 前端

本文链接：https://blog.youkuaiyun.com/li222248/article/details/111507072

版权

vue 专栏收录该内容

13 篇文章

订阅专栏

今天用路由守卫页面出现了白屏，但没有报错。

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
if (to.path === '/login') return next()
//获取token
const tokenStr = window.localStorage.getItem('token')
if (!tokenStr) return next('/login')
next()
})

然后发现是这的问题

在这里插入图片描述

把这改成这样就可以了

在这里插入图片描述

注意改了之后别忘了把导出加上：

在这里插入图片描述

router.beforeEach((to, from, next) 路由导航守卫 页面出现了白屏，但没有报错

今天用路由守卫页面出现了白屏，但没有报错。

然后发现是这的问题

把这改成这样就可以了

注意改了之后别忘了把导出加上：

router.beforeEach((to, from, next) 路由导航守卫页面出现了白屏，但没有报错