Vuex--动态路由，退出登陆后重新登陆白屏

最新推荐文章于 2024-01-14 10:29:39 发布

迷阵

最新推荐文章于 2024-01-14 10:29:39 发布

阅读量648

点赞数

CC 4.0 BY-SA版权

分类专栏： Element JavaScript vue

本文链接：https://blog.csdn.net/weixin_43047070/article/details/113567023

vue 同时被 3 个专栏收录

41 篇文章

订阅专栏

JavaScript

16 篇文章

订阅专栏

Element

11 篇文章

订阅专栏

本文介绍了一种Vue应用中出现白屏的原因及解决方法。具体表现为退出登录后因未清空store导致重新登录时菜单加载失败。通过在退出登录时清除store中的相关信息并刷新页面来解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

出现下面这种白屏，并且没有请求接口，f12很僵硬。
在这里插入图片描述

原因

我的原因是：退出时没有把store清空，重新登陆后判断到srore存的路由length>0，所以没有重新遍历接口传过来的menu

解决方法

 async logout() {
      // 退出清空菜单

      await this.$store.dispatch("user/logout");
      await this.$router.replace(`/login?redirect=${this.$route.fullPath}`);
      await this.$store.dispatch("permission/removeRouter");
      location.reload();
    },

退出的时候清空一下