风云阁资源网

vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
网络编程 2024/11/18 佚名
3 1

在路由配置中，设置重定向后，浏览器打开是空白没有内容，这里首先确保你的结构没有写错，然后查看单词是否拼错误，一般情况是因为单词拼写错误。

vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决

vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决

修改后，跳转成功：

vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决

附录：VUE通过后端重定向到VUE的页面后，前端路由失效的解决方案

这个问题是我在做微信授权登录的时候遇到的。

具体描述：

用户打开页面后，路由拦截判断用户是否登录，如果未登录，则将用户的访问地址记录到localStorage里面，等待授权后重定向到该页面。

当我使用location.href将页面跳转到后端地址，进行微信用户信息获取完成，由php后端通过header将页面重定向到我http://my.app.com/#/login 页面时，发现似乎并没有路由到login页面，而是卡在了 #/ 默认路由。在微信浏览器中将页面地址复制出来，发现确实是丢失了#后面的部分。

经过一系列的思考，怀疑是浏览器缓存的原因，php后端通过header()函数跳转时，加上随机数字，防止浏览器使用缓存。即：

header("Location:http://my.app.com/".time()."#/login")，在url中加上时间戳，防止浏览器使用缓存是一种很常见的做法。

这个问题的原因我猜想可能是一开始浏览器访问了http://my.app.com/。而之后重定向的http://my.app.com/#/login只是多了#号后的部分，传统页面中#被作为锚点使用，所以浏览器认为你访问了2个一模一样的页面，所以使用了缓存。

这个问题并不是在所有手机上都有的，部分手机才会出现这个问题，不过加上随机数之后，问题完美解决！

风云阁资源网 Design By www.bgabc.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
风云阁资源网 Design By www.bgabc.com
www.bgabc.com 风云阁资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
风云阁资源网 Design By www.bgabc.com