前端请求中字段带#字符(URL里的井号)
项目技术栈:vue全家桶一、先描述下问题场景:我公司的项目网站里表格带自定义的表头查询功能,为模糊查询。有一天,由于输入框里输入#搜索,卡了,一直卡那种,后来刷新,又查,又卡,然后服务器直接进入假死状态了。看了一下查询字段直接就这样了。本应该是后面还得有各种条件和page以及limit的限制方便数据库查询返回的,怎么说不见就不见了???是浏览器识别不了?组件过滤了??二、解决途径后来才知...
项目技术栈:vue全家桶
一、先描述下问题场景:
我公司的项目网站里表格带自定义的表头查询功能,为模糊查询。有一天,由于输入框里输入#搜索,卡了,一直卡那种,后来刷新,又查,又卡,然后服务器直接进入假死状态了。看了一下查询字段直接就这样了。本应该是后面还得有各种条件和page以及limit的限制方便数据库查询返回的,怎么说不见就不见了???是浏览器识别不了?组件过滤了??
二、解决途径
后来才知道,#这个符号,代表网页中的一个位置。#是用来指导浏览器动作的,对服务器端完全无用。所以,HTTP请求中不包括#。比如,访问下面的网址,
http://www.example.com/index.html#print
浏览器实际发出的请求是这样的:
GET /index.html HTTP/1.1
Host: www.example.com
可以看到,只是请求index.html,根本没有"#print"的部分。
在第一个#后面出现的任何字符,都会被浏览器解读为位置标识符。这意味着,这些字符都不会被发送到服务器端比如,下面URL的原意是指定一个颜色值:
http://www.example.com/?color=#fff
但是,浏览器实际发出的请求是:
GET /?color= HTTP/1.1
Host: www.example.com
可以看到,"#fff"被省略了。只有将#转码为%23,浏览器才会将其作为实义字符处理。也就是说,上面的网址应该被写成:
http://example.com/?color=%23fff
综上,只需要自己将#在发送前转换成%23字符便可。
引用文章:https://blog.51cto.com/stepheniweb/785948?source=dra
更多推荐
所有评论(0)