get请求中参数被截取（#后字段被去除），解决方案

coder_wangs

已于 2023-08-01 14:34:04 修改

阅读量3.4k

点赞数 1

文章标签： javascript vue.js

于 2022-12-01 17:44:24 首次发布

本文链接：https://blog.csdn.net/web_wp/article/details/128135902

版权

问题：get参数中id内容无法完全传递？被截取？

示例：axios.get(http:localhost:300?id=09050#1669867676398#132)

结论：请求连接包含#，后边的参数获取都为空。

解决：1.使用post请求传递 2.编码转译（#=%23）

疑问：为什么会被截取掉？
解：URL中的#号在浏览器中有特殊的含义，它表示URL的片段标识符，用于定位页面中的特定部分。因此，当URL中包含#号时，浏览器会将#号及其后面的内容视为页面的片段标识符，而不是参数的一部分。所以在get请求中，如果参数值中包含#号，浏览器会将#号及其后面的内容截断，导致参数被截取。为了解决这个问题，可以使用URL编码将#号替换为%23，然后将编码后的字符串作为参数值传递。这样浏览器就会正确地将#号作为参数的一部分进行处理，而不会将其视为片段标识符