URL后面#号的问题

简介: 前几天测试在对于我写的接口进行测试的时候遇到了这样一个问题

【背景】


   前几天测试在对于我写的接口进行测试的时候遇到了这样一个问题,详情如下:

   接口描述:根据id获取详情     get方式

   测试检验:在id值的后面输入#这个特殊符号

   测试结果:正确返回需要的数据

   测试分析:根据后台输出的日志,接口接收到的参数中的id最后并没有携带#这个特殊符号

   结果:经过百度,看到了这一篇博文,具体如详情分析所述


【详情分析】


 一、#的涵义

   #代表网页中的一个位置。其右面的字符,就是该位置的标识符。比如,

   http://www.example.com/index.html#print

   就代表网页index.html的print位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域。

   为网页位置指定标识符,有两个方法。一是使用锚点,比如<a name="print"></a>,二是使用id属性,比如<div id="print" >。

 二、HTTP请求不包括#

   #是用来指导浏览器动作的,对服务器端完全无用。所以,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

【总结】

   在每一次遇到问题的时候都深入去分析其原理是什么?为什么会导致这样的情况发生?最终的解决方案是什么?

   记录一下自己经历的过程以及最后的结果,让自己能够融入更多的思考元素从而再遇到类似的问题的时候会有更多的思路与想法。

注:分析中的内容摘自:https://blog.csdn.net/wwbmyos/article/details/23924509

相关文章
|
API 索引
es实战-分片分配失败解决方案
分片无法分配情况的一些解决办法
2814 0
|
内存技术
基于MATLAB的PCM的编码译码仿真
基于MATLAB的PCM的编码译码仿真
810 1
|
前端开发 UED
前端开发新趋势:响应式设计与微前端架构的崛起
【6月更文挑战第26天】响应式设计适应多设备需求,通过弹性布局和媒体查询确保跨平台优化体验。微前端架构则将复杂应用拆分成独立模块,实现独立开发部署,增强技术栈灵活性和系统容错性,两者共同推动前端开发效率与用户体验提升。
|
存储 缓存 小程序
自己动手之小程序自定义登录态维护
谈起小程序开发,想必大家都不会陌生了。众所周知,小程序开发的官方文档是要求开发者需要自行维护登录态的。那么小程序服务端开发的登录态维护大家是如何做的呢?本文适用微信和QQ小程序的自定义登录态维护。
531 0
自己动手之小程序自定义登录态维护
|
前端开发 JavaScript 开发工具
ruoyi-vue | electron打包教程(超详细)
ruoyi-vue | electron打包教程(超详细)
2213 51
|
监控 关系型数据库 MySQL
CentOS 7系统安装配置Zabbix 5.0LTS 步骤
CentOS 7系统安装配置Zabbix 5.0LTS 步骤 查看Zabbix官方教程(重点) 打开官方网址:https://www.zabbix.com/cn,点击ZABBIX下载。 选择你的Zabbix服务器的平台,比如:Zabbix5.0 LTS、CentOS 7、Mysql、Apache等。 往下滑,查看安装和配置Zabbix教程
1154 1
|
消息中间件 存储 缓存
精华推荐 | 【深入浅出RocketMQ原理及实战】「性能原理挖掘系列」透彻剖析贯穿RocketMQ的系统服务底层原理以及高性能存储设计挖掘深入
精华推荐 | 【深入浅出RocketMQ原理及实战】「性能原理挖掘系列」透彻剖析贯穿RocketMQ的系统服务底层原理以及高性能存储设计挖掘深入
448 0
精华推荐 | 【深入浅出RocketMQ原理及实战】「性能原理挖掘系列」透彻剖析贯穿RocketMQ的系统服务底层原理以及高性能存储设计挖掘深入
|
编译器 C语言
<C语言错误处理> strerror和perror函数以及断言处理方式
<C语言错误处理> strerror和perror函数以及断言处理方式
|
SQL 数据可视化 大数据
大数据Hive行列转换应用与实现
大数据Hive行列转换应用与实现
444 0
|
存储 Ubuntu 物联网
玩转百问网东山Pi壹号-SSD202 Linux开发板(一)
玩转百问网东山Pi壹号-SSD202 Linux开发板(一)
656 0