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

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

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


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

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


相关推荐

统统都能轻松装下。_如何安装统赢

今天必须来好好聊聊迈腾甄选款的外观升级优势,简直是把经典与时尚玩明白了!迈腾甄选款巧妙地保留了迈腾的经典气场和造型,就像一位历经岁月沉淀却风采依旧的绅士。2871mm的超长轴距搭配超短前后悬设计,这就...

麒麟操作系统常见问题:打开火狐浏览器提示没有安装flash插件

关键词:火狐浏览器、flash、插件、安装问题类型:...

VS Code 新手必装插件清单_vs code 安装插件

以下是针对VSCode新手的必装插件清单,覆盖代码编辑、效率提升、美化等核心需求,适用于大多数开发场景:一、基础必备插件Chinese(Simplified)(简体中文)功能:将VSC...

开源JSON可视神器,让阅读JSON变得简单!-JSONHero

众所周知,现在有不少代码编辑器以及在线工具,都支持JSON格式化,因此这一特性,已经不能称的上是亮点。调试工具已经成为每个开发者不可或缺的“利器”。但是,你见过能直接可视化JSON数据,把整个...

在NAS上部署Barcode服务_nas basic

部署基于BWIP-JS的条形码生成APIBWIP-JS是一个优秀的JavaScript条形码生成库,它支持多种条形码类型,并且可以运行在Node.js环境下,非常适合用来构建API服务。...

详细介绍一下Python如何对JSON格式数据进行处理?

在Python中对于JSON数据的处理是在日常开发中的常见需求之一。通常情况下,对JSON数据的处理主要涉及到如下的的几个步骤对于JSON数据的解析操作对于JSON数据的处理操作对于JSON数据的格式...

golang2021数据格式(69)Go语言将结构体数据保存为JSON格式数据

JSON格式是一种对象文本格式,是当前互联网最常用的信息交换格式之一。在Go语言中,可以使用json.Marshal()函数将结构体格式的数据格式化为JSON格式。想要使用json...

一个vsCode格式化插件_vscode 格式化文档

ESlint...

自己抓取家中IPTV组播地址,不用交换机或多网卡,远程抓取更方便

通过IPTV播放应用在电视、电脑或者手机观看家中的IPTV电视直播,可以摆脱IPTV机顶盒的限制,方便在家中多台电视或者手机电脑上观看IPTV电视直播。运营商IPTV的电视直播信号稳定、高清,和互联网...

扣子免费系列教程, 如何使用扣子(coze)对接飞书多维表格?

一、说明大家都知道使用扣子(coze)把一些文本内容转为小红书风格很方便。但每次都是复制粘贴。很麻烦那能不能批量呢?今天我们就来学习下,使用扣子(coze)平台完成内容的批量转换。基本思路是读取飞书多...

1024程序员节 花了三个小时调试 集合近50种常用小工具 开源项目

开篇1024是程序员节了,本来我说看个开源项目花半个小时调试之前看的一个不错的开源项目,一个日常开发常常使用的工具集,结果花了我三个小时,开源作者的开源项目中缺少一些文件,我一个个在网上找的,好多坑...

办公人必看!3分钟搞定JSON/XML/Markdown,格式转换竟如此简单!

你是不是也遇到过这些情况:领导突然甩来一份密密麻麻的数据文件,要你半小时内整理成报表;想写技术文档,却被Markdown的语法搞得头大;或者同事发来的JSON文件,打开全是“{”“}”“,”,看得眼花...

开发者必备!zerotools.top全栈效率神器

强烈建议开发者们收藏https://zerotools.top,用它来提升日常效率。一、功能覆盖:从数据到图像的全栈支持Zerotools.top的最大亮点,是其功能维度的完整性。根据最新页面...

15 个非常好用的 JSON 工具_json tools

JSON(JavaScriptObjectNotation)是一种流行的数据交换格式,已经成为许多应用程序中常用的标准。无论您是开发Web应用程序,构建API,还是处理数据,使用JSON工具可以大...

C#.NET Newtonsoft.Json 详解_c# jsonresult

简介Newtonsoft.Json(又称...