前端请求中字段带#字符（URL里的井号）

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