百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

HTTP404...前端必知,精辟简介(前端403怎么解决)

haoteby 2025-03-25 13:23 19 浏览


图片来源-segmentfault

1、介绍

HTTP,超文本传输协议,是互联网中最为常用的一种网络协议。

2、组成

HTTP协议有HTTP请求和HTTP响应组成。

3、HTTP请求

编辑一个form表单页面,如下:

 1 
 2 
 3 
 4 HTTP TEST
 5 
 6 
 7 
8
9
10
11
12 13

点击提交按钮,抓包如下:

//请求行
POST
/zhoubin/document/demo1.html HTTP/1.1, //请求路径

//请求头
Accept:text/html,application/xhtml+xml,*/*     //浏览器可支持的文件类型

Referer:http://localhost:8080/zhoubin/document/demo1.html //刷新

Accept-Lanuage:zh-CN       //接收的语言类型
User-Agent:Mozilla/5.0(compatiable:MSIE 9.0 Windows NT 6.1 ...) //用户当前使用的客户端信息(浏览器、操作系统等)

Content-Type:application/x-xxx-form-urlencoded   //请求的类型

Accept-Encoding:gzip,deflate      //编码格式
Host:localhost:8080       //当前主机名
Content-Lenght:30        //请求体的长度
Connection:Keep-Alive       //保持连接
Cache-Control:no-Cache
//请求体
username=zhangsan&password=123

请求行介绍:
请求方式:POST、GET,当为POST是时,请求体中会有请求的参数;如果为GET,那么请求的参数不会在请求体中,而是会拼接在url地址后面。
请求的资源:
/zhoubin/document/demo1.html

协议版本:HTTP/1.0:发送请求,创建一次连接,获得一个Web资源,连接断开。
   HTTP/1.1:发送请求,创建一次连接,获得多个Web资源,保持连接。

常见请求头介绍:
Referer:浏览器通知服务器,当前请求来自何处。如果是直接访问,就不会有这个头。常用于:防盗链。
If-Modified-Since:浏览器通知服务器,本地缓存的最后变更时间,与另一个响应头组合控制浏览器页面的缓存。
Cookie:与会话技术有关,用于存放浏览器缓存的Cookie信息。
User-Agent:浏览器通知服务器,客户端浏览器与操作系统相关信息。
Connection:保持连接状态,Keep-Alive:连接中,close:已关闭。
Host:请求的服务器主机名。
Content-Lenght:请求体的长度。
Accept:浏览器可支持的文件类型,text/html:html文件、text/css:css文件、text/javascript:js文件、image/*:所有图片文件。
Accept-Ecoding:浏览器通知服务器,浏览器支持的数据压缩格式,如gzip压缩。
Accept-Language:浏览器通知服务器,浏览器支持的语言,各国语言(国际化il8n)。

4、HTTP响应

响应内容如下:
//响应行
HTTP/1.1 200 OK
//响应头
Server:Apache-Coyote/1.1
Accept-Ranges:bytes
ETag:W/"312-1467289802502"
Last-Modified:Thu,30 Jun 2016 12:30:02 GMT
Content-Type:text/html
Content-Language:312
Date:Thu,30 Jun 2016 12:31:12 GMT
//响应体




HTTP TEST











响应行介绍:
200:请求成功
302:请求重定向
304:请求资源没有改变,访问本地的缓存
404:访问的资源不存在
500:服务器内部错误

响应头介绍:
Location:指定响应的路径
Content-Type:响应的正文的类型,取值:text/html;charset=UTF-8
Content-Disposition:通过浏览器以下载方式解析正文,取值:attachment,filename=xx.zip
Set-Cookie:与会话技术相关,服务器向浏览器写入Cooike
Content-Encoding:服务器使用的压缩格式,取值gzip
Refresh:定时刷新,格式:秒数;url=路径,其中url可省略,默认值为当前页,取值:3:url=www.itcast.cn,意味3秒刷新页面到www.itcast.cn
Server:指服务器名称,默认值:Apache-Coyote/1.1,可以通过conf/server.xml配置进行修改
Last-Modified:服务器通知浏览器,文件的最后修改时间,与If-Modified-Since一起使用

响应体介绍:
响应体是服务器会写给客户端的正文内容,浏览器将正文加载到内存,然后解析渲染显示页面内容。


相关推荐

Python爬虫进阶教程(二):线程、协程

简介线程线程也叫轻量级进程,它是一个基本的CPU执行单元,也是程序执行过程中的最小单元,由线程ID、程序计数器、寄存器集合和堆栈共同组成。线程的引入减小了程序并发执行时的开销,提高了操作系统的并发性能...

A320-V2500发动机系统FADEC介绍(2)

目的全权数字发动机控制(FADEC)系统在所有飞行和运行阶段提供全范围发动机控制。...

三国志战棋版:玩家“二叔”用这套群DOT在比武中拿下31胜5负

声明:本文首发于今日头条,而后发布于“鼎叔闯三棋”的微信公众号、抖音、哔哩哔哩和小红书平台,如果在其他平台就是抄袭。...

真正的独一无二:Dot One 推出 DNA 定制系列 139英镑起

相信很多人在挑选衣物时有着这样的困扰,综合了性价比、面料等因素后好不容易找到了心仪的款式,还要担心是否会撞衫,不管是擦肩而过的陌生人还是身边的熟人,都令人尴尬。小部分人为此热衷于购买少量的古着或者限量...

崩铁:周年庆福利再升级,老角色加强时间确定,3.xdot体系反转

#埃安UT大一圈高级很多#...

Dotgo推出RBMHub,扩大了CPaaS提供商的覆盖范围和功能

据telecompaper网7月15日报道,用于商业消息传递的RichCommunicationServices(RCS)解决方案的领先提供商Dotgo宣布推出RBMHub。RBMHub的推出扩大了C...

深度解析:快照取消Dot职业的将何去何从

写在前面曾几何时,术士的出现便被冠以dot大师的名头,从远古时期的献祭腐蚀虹吸不如暗牧一个痛,到TBC上满dot=荣誉击杀+1,到wlk接近全暴击的冰晶腐蚀,再到CTM就算了吧MOP的各种变态吸x放...

星穹铁道:抽卡芙卡之前,你必须了解什么是dot!

卡妈终于上线了,可还是有很多人不明白什么是dot伤害,抽了卡妈直接玩起了直伤流,把一个持续伤害的引爆器玩成了打手,卡妈打dot伤害是远高于直伤的,有了卡妈的玩家一直了解dot,不然这卡妈就真被玩成四不...

游戏界的闪耀星辰陨落:悼念知名游戏博主″dotα牛娃″

无尽哀思!在数字时代浪潮中,游戏不仅是消遣娱乐的代名词,更是连接心灵的桥梁,构筑了无数人的青春回忆。在这片浩瀚无垠的游戏宇宙中,有这样一位博主,他以独特的风采、深邃的洞察力和无尽的热情,成为了玩家心中...

直击2017新加坡同性恋聚会Pink Dot,自由爱!

今年的“粉红点”又来啦~这个支持LGBT群体(男女同志、双性恋、跨性别等)群体的活动,从2009年起,已经在新加坡举办8年了!”这个非营利的同性恋权益活动,主要是希望大家了解到,不管一个人的性倾向或...

python-dotenv,一款超级实用处理环境变量python库

python-dotenv,一款超级实用处理环境变量python库python-dotenv概述:...

亚马逊语音助手毫无征兆发笑 诡异至极吓坏用户

来源:新华网美国电商亚马逊7日承诺,将更改名下“亚历克萨”语音系统设置,令它不会莫名发笑,免得吓坏用户。“亚历克萨”是亚马逊开发的语音助手软件,可服从用户语音指令完成对话、播放音乐等任务。依照原来设计...

2022最火英文网名男女生

精选好听英文昵称带翻译1.moveon(离开)2.Monster(怪物)3.Solo吉他手4.Finish.(散场)...

智能家具 RecycleDot 的出现给传统家具厂商带来新的挑战

从可穿戴手环、手表到智能衣服,智能硬件逐步渗透到每一个领域。最近有一对父子MikeSandru和JohnSandru在自家的车库中设计了一款智能家具RecycleDot,给日渐萧条的家具行...

欧洲通信卫星公司 OneWeb 敦促印度DoT尽早批准提供卫星宽带服务

据telecomtalk2月17日报道,欧洲通信卫星公司EutelsatOneWeb近日敦促印度电信部(DoT)尽快批准其在印度部署双地球站网关的计划,以便连接其近地轨道(LEO)全球卫星星座,并...