vue-router路由参数刷新消失的问题解决方法

大佬教程收集整理的这篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_197_0@场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: 'index',params: res.data})传给主页组件，并在主页显示数据。但是刷新页面后，数据就消失了。

@H_197_0@

解决方案：

@H_197_0@

1、session&服务器渲染

@H_197_0@传统的方案是，登录页和主页是单独的两个页面，登录成功后服务器生成用户信息对应的session，然后渲染主页数据，并通过响应头将sessionid传给浏览器并生成相应的cookie文件。这样下次请求页面时，浏览器会在http header带上相应的cookie，然后服务器根据cookie中的sessionid判断用户是否登录，再显示用户数据。 如果项目采用前后端分离思想，服务器只提供接口，不进行服务器渲染，那么这种办法是行不通了。

@H_197_0@

2、$route.query

@H_197_0@我们可以在路由跳转的时候带上登录请求的参数：

大佬总结

以上是大佬教程为你收集整理的vue-router路由参数刷新消失的问题解决方法全部内容，希望文章能够帮你解决vue-router路由参数刷新消失的问题解决方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。