vue.js - Vue - 在初始路由之前检查 localStorage(用于 token )

标签 vue.js vue-router

我有一个 Vue 应用程序,它对应用程序负载执行一些 localStorage 和服务器检查,以确定最初将用户路由到哪里。

这是在 App 的主要入口组件中,在 created() 钩子(Hook)中

我的问题是默认/路由的组件首先明显加载,然后是服务器调用,所有发生的事情都会导致用户路由到他们正确的位置

如何延迟初始组件的呈现,直到我的应用程序的主要组件 created() 方法完成,然后有目的地将用户导航到正确的路径?

最佳答案

我以前遇到过这个问题,我坚信您必须拥有路由和路由器配置的初始文件。

在配置中,您可以在每个路由之前和使用 next() 处理权限和路由器。在路由器文件中,您可以设置参数并在 index.js 文件中检查它们(路由器配置)

您还可以在 Router.beforeach 中使用您的 localStorage 数据

enter image description here

enter image description here

关于vue.js - Vue - 在初始路由之前检查 localStorage(用于 token ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69707869/

相关文章:

firebase - 如何在 Vue.js 中获取新创建的 Firestore 文档的 ID?

javascript - VueJS - DOM 模板解析和自定义元素

vue.js - Vuejs 2 - 从 child 到 parent 时观看路线

vue.js - 导航中的 Vue url 更改

vuejs2 - Vue.js 2 - 组件上的 v-model

javascript - 在组件内嵌套 Vue 组件时出现问题

javascript - 如何使用 Vue.js 类设置计时器

javascript - VueJS获取Div的宽度

vue.js - vue-router back()不工作

vue.js - vue-router 重定向到默认路径问题