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

HTTP404...前端必知,精辟简介(前端请求403)

csdh11 2025-03-17 17:02 2 浏览


图片来源-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一起使用

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


相关推荐

Microsoft Office 系列安装包官方链接大全

目前各大网盘限速严重,bt磁力又有某迅某雷等拦路虎,还好现在家庭入户带宽普遍都在百兆以上了,直接从微软官方下载零售版安装包反而是最快速的方法。以下是Office不同版本的官方下载链接。请注意,这些链接...

双管齐下 让2016版Office不再“窝里斗”

由于工作需要,笔者购买了正版授权的Office2016、Project2016及Visio2016软件,开始只安装了办公“三件套”Word、Excel及PowerPoint,激活后使用正常。后来再想...

Office 2016 RTM中文版《许可条款》截图曝光

IT之家讯根据俄罗斯知名爆料人WZor之前的消息,微软最新办公套件Office2016RTM正式版已于9月1日交付合作伙伴。现在该软件中文版的《许可条款》部分截图已经曝光。当然,仅从上图中很难发...

office2016下载及安装激活教程(office2016正版安装教程)

Office2016(32/64)位下载地址:...

如何自定义安装Office 2016?(office自定义安装程序)

Office2016软件安装是全程傻瓜式的,所有的组件和服务,没问你需不需要,全给你装上了,既占用电脑空间又拖慢运行速度,是不是有些不爽?如果只想安装其中的Word、Excel和PowerPoint...

微软Office从发行到现在共有多少个版本 每个版本都有什么区别?

MicrosoftOffice自1985年首次发布以来,经历了多次重大更新和品牌调整。以下是其核心版本及其主要区别的梳理:一、主要版本及发布时间线...

office各版本的下载和安装方案来了,你要的都在我这里

office作为大家常用的办公软件,有没有你最用的上手的版本呢?office发展至今,以及出现了很多的版本,我还记得上学的时候,做办公软件的office一级、二级的考试,用的办公软件都是office...

office版本选择 #office2016office2021?

《计算机应用基础》。同学们下周就要和大家分享office了,课本的office版本是2016,安装包稍后奉上,但还是建议大家下载office2021,原因很简单。·首先二者的界面风格基本一致,菜单布局...

IT之家学院:只安装自己需要的Office2016组件的方法

以往Office的安装包都采用的是MSI安装器,允许用户在安装时选择安装的组件,但是微软发布的Office2016安装包只提供了C2R(ClickToRun)方式,因此默认情况下用户无法选择安装组件...

【完全免费】Office2016 软件图文安装步骤教程附安装包

软件介绍软件名称:Office2016软件语言:中文简体...

支持16种语言!Office 2016 for Mac版发布

2015-07-1405:46:00作者:鲁畅2015还没有走远;2016就要来了......OfficeforMac166月末,我们曾经报道过微软发布Office安卓版,并可以免费下载。近...

http状态码(HTTP状态码304是什么)

100-199用于指定客户端应相应的某些动作。200-299用于表示请求成功。300-399用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。...

前端开发79条知识点汇总(前端开发技巧经验)

1.css禁用鼠标事件2.get/post的理解和他们之间的区别...

架构案例丨苏宁易购:商品详情系统架构设计

商品详情系统介绍基本介绍商品详情系统是一个展示商品基本信息、参数等详情的系统,是商品购买的入口。它是电商平台中访问量最大的系统之一,苏宁易购大促期间PV量和UV量很大,这么大的访问量对系统的并发能力要...

浅析互联网中的缓存机制(互联网产生的缓存可以清理吗)

缓存,在互联网产品中可以简单理解为:第一次请求数据放到存储器中,下次显示该页面先把上次保存的数据显示出来,同时去请求数据,请求完成刷新显示新数据,并将其再缓存起来。当今互联网应用(网站或App)的整体...