vue 在IE浏览器路由携带参数超过限制长度怎么解决

最新推荐文章于 2024-08-01 08:30:00 发布

南城夏季

最新推荐文章于 2024-08-01 08:30:00 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： BUG js vue 资料

本文链接：https://blog.youkuaiyun.com/weixin_39818813/article/details/83145947

vue 同时被 3 个专栏收录

115 篇文章

订阅专栏

105 篇文章

订阅专栏

BUG

86 篇文章

订阅专栏

本文探讨了在IE浏览器中遇到的路由参数长度限制问题，指出IE对URL的长度限制为2kb，当参数过多时会导致页面跳转失败。文章提供了解决方案，建议在参数较多的情况下使用POST方式代替GET方式传递参数，并详细介绍了如何在Vue.js中实现这一转变。

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

最近在做IE浏览器兼容的时候，发现从前一个页面带的参数过多的话，在IE浏览器里面，是不能正常跳转到下一个页面的。

原因是IE浏览器对路由的限制长度为2kb。

解决：

路由传参时放弃get方式，采用post传参的方式。


post方式
页面跳转
  //由于动态路由也是传递params的，所以在 this.$router.push() 方法中 path不能和params一起使用，否则params将无效。
需要用name来指定页面。
 this.$router.push({name:'page2',params:{id:1}});//类似post传参


新页面接收参数
 this.$route.params.id