外链一经发布,即可永久留存
5元就可把锚文本外链发布到200个新闻网站

vue外链返回后不刷新,vue页面刷新后返回登录界面

vue外链返回后不刷新,vue页面刷新后返回登录界面

为什么vue外链返回后不刷新,vue页面刷新后返回登录界面

外链返回页面不刷新的原因

vue在进行外链跳转时,页面并不会进行刷新,这是因为vue是单页面应用程序,其主要特点是只有一个html页面,页面上有若干个组件,组件可以切换显示,不同的路由显示不同的组件。因此,vue会把页面信息保存在浏览器缓存中,以便用户下次登录时更快速地打开应用程序。

如何解决外链返回页面不刷新的问题

想要在vue外链返回时自动刷新页面,可以使用vue-route中的beforeRouteEnter方法,在页面返回时执行刷新操作,代码如下:

“`
beforeRouteEnter (to, from, next) {
window.location.reload();
next(vm => {})
}
“`

vue页面刷新后返回登录界面的原因

在vue中,与后端接口进行交互时,通常需要使用token进行验证,对于未登录的用户,后端返回未授权的状态码,前端通过拦截器对该状态码进行处理,在本地清空token并返回登录页,这就是vue页面刷新后返回登录界面的原因。

如何解决vue页面刷新后返回登录界面的问题

为免登录过程中的刷新和外部来源突然刷新无法预期,可以将token持久化存储,当用户刷新页面后,在路由跳转前,判断存储是否存在token,并向服务端进行token校验,如果校验通过,则跳转到相应的页面,如果不通过,则跳转到登录页面,这样可以保证用户的标识保持不变,同时避免了多次登录和请求。

另外,可以使用插件vue-persistedshallow进行简化,该插件提供了将内存数据长期持久化到前端localStorage的方法。

赞(0)
以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。帮发锚文本外链网 » vue外链返回后不刷新,vue页面刷新后返回登录界面