这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天
对于HTTP这一块内容,以前只有过一些浅浅的了解,通过课程的学习,对其有了更深的认识。
什么是HTTP
- Hyper Text Transfer Protocol(超文本传输协议)
- 应用层协议,基于TCP协议
- 请求 响应
- 简单可扩展
- 无状态
HTTP/1.1
Method
- GET 请求一个指定资源的表示形式,使用GET的请求应该只被用于获取数据
- POST 用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用
- PUT 用请求有效载荷替换目标资源的所有当前表示
- DELETE 删除指定的资源
- HEAD 请求一个与GET请求的响应相同的响应,但没有响应体
- CONNECT 建立一个到由目标资源标识的服务器的隧道
- OPTIONS 用于描述目标资源的通信选项
- TRACE 沿着到目标资源的路径执行一个消息环回测试
- PATCH 用于对资源应用部分修改
Safe(安全的):不会修改服务器的数据的方法,如:GET,HEAD,OPTIONS
Idempotent(幂等):同样的请求被执行一次或者连续执行多次的效果是一样的,服务器的状态也是一样的,所有safe方法都是idempotent的,如:GET,HEAD,OPTIONS,PUT,DELETE
状态码
1xx 指示信息,表示请求已接收,继续处理
2xx 成功,表示请求已被成功接收、理解、接受
3xx 重定向,要完成请求必须进行更进一步的操作
4xx 客户端错误,请求有语法错误或请求无法实现
5xx 服务器端错误,服务器未能实现合法的请求
场景分析
静态资源
静态资源方案:缓存+CDN+文件名hash
CDN:内容分发网络,通过用户就近性和服务器负载的判断,CDN确保内容以一种极为高效的方式为用户的请求提供服务。
通过文件名hash,保证静态资源发生改变时,用户能够快速获取到更改后的静态资源。
跨域解决方案
- CORS,获取服务端是否允许该跨域请求(复杂请求)。
- 代理服务器,同源策略是浏览器的安全策略,通过代理服务器来避开浏览器的同源策略。
- Iframe(不方便)
实战
浏览器
- AJAX的XHR(XMLHttpRequest)
- AJAX的Fetch
node
- 标准库:HTTP/HTTPS