前端与HTML青训营笔记

43 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第10天。

什么是http

  • Hyper Text Transfer Protocol
  • 应用层协议,基于TCP协议
  • 请求、响应
  • 简单可扩展
  • 无状态

协议分析-报文

Method :safe、idempotent

  • get 请求一个指定资源的表示形式,使用get的请求应该只被用于请求数据
  • post 用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用
  • put 用请求有效载荷替换目标资源的所有当前表示
  • delete 删除指定的资源
  • head 请求一个与get请求的响应相同的响应,但没有响应体
  • connect 建立一个到由目标资源标识的服务器的隧道
  • options 用于描述目标资源的通信选项
  • trace 沿着到目标资源的路径执行一个消息环回测试
  • patch 用于对资源应用部分修改

状态码

  • 200 OK-客户端请求成功
  • 301 - 资源(网页等)被永久转移到其他URL
  • 302 - 临时跳转
  • 401 Unauthorized - 请求未经授权
  • 404 - 请求资源不存在,可能是输入了错误的URL
  • 500 - 服务器内部发生了不可预期的错误
  • 504 Gateway Timeout - 网关或者代理的服务器无法在规定的时间内获得想要的响应

RESTful API

一种API设计风格

  1. 每一个URI代表一种资源
  2. 客户端和服务器之间,传递这种资源的某种表现层
  3. 客户端通过 HTTP method , 对服务器端资源进行操作,实现“表现层状态转化”

常用请求头

  • Accept 接收类型,表示浏览器支持的MIME类型(对标服务端返回的ContentType
  • Content-Type 客户端发送出去实体内容的类型
  • Cache-Control 指定请求和响应遵循的缓存机制,如no-cache
  • If-Mdifed-Since 对应服务端的L ast-Modified,用来匹配看文件是否变动,只能精确 到1s之内
  • Expires 缓存控制,在这个时间内不会请求,直接使用缓存,服务端时间
  • Max-age 代表资源在本地缓存多少秒,有效时间内不会请求,而是使用缓存
  • If-None-Match 对应服务端的ETag,用来匹配文件内容是否改变(非常精确)
  • Cookie 有cookie并且同域访问时会自动带上
  • Referer 该页面的来源URL(适用于所有类型的请求,会精确到详细页面地址,csrf拦截 常用到这个字段)
  • Origin 最初的请求是从哪里发起的(只会精确到端口) ,Origin比Referer更尊重隐私
  • User-Agent 用户客户端的一些必要信息,如UA头部等