今天用路由守卫页面出现了白屏,但没有报错。
// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
if (to.path === '/login') return next()
//获取token
const tokenStr = window.localStorage.getItem('token')
if (!tokenStr) return next('/login')
next()
})
然后发现是这的问题
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201222100915450.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpMjIyMjQ4,size_16,color_FFFFFF,t_70)
把这改成这样就可以了
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201222101025519.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpMjIyMjQ4,size_16,color_FFFFFF,t_70)
注意改了之后别忘了把导出加上:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201222101159860.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpMjIyMjQ4,size_16,color_FFFFFF,t_70)