项目技术栈: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

Logo

前往低代码交流专区

更多推荐