Hello mojito.关于http，这些常(hao)见(xiao)的(hua)你了解多少？http状态码，http常见header，http缓存机制。

前言：

最近持续学习，计划每天可以记录更新一篇。这次http花了三天时间有余，断断续续，今天终于撸完。每天的英语口语练习，坚持长跑。累并快乐着。借用一段英文与各位猿友共勉：If we are facing in the right direction,all we have to do is keep on walking.

一. http状态码分类及常见状态码有哪些？

你是否在开发中，面对请求状态码，一脸懵逼，傻傻分不清。不能通过状态码判断是前端错误还是后台错误。快速搞定http状态码，帮你快速定位问题，背锅甩锅心中有数。览器F12,开发者工具。点击Network，显示当前资源所有的请求，可选项卡切换查询xhr,js,css,img等特定类型资源的请求数据。如下图所示：

states.png

状态码分类

 1xx:服务器收到请求        
 2xx:请求成功
 3xx:重定向
 4xx:客户端错误
 5xx:服务端错误

常见状态码及对应场景，注意此为常见。

1xx 服务器收到请求，此状态前端不需关注
200 请求成功
301 永久重定向，曾经的网站域名到期或者想更换域名。a.com要更换为b.com,只要访问a.com，都会重定向跳转到b.com
302 临时重定向，
304 资源未被修改，使用本地缓存资源。
404 not fuound,后台未找到资源。悄悄滴，自觉滴检查url 参数拼写是否正确
403 一般情况为没有权限。未登录想获取用户信息或者没有角色权限，想获取更高级别信息
500 服务错误。后台代码，宕机等。淡定、坚定的找后台
504 网关超时。淡定、坚定的找后台

二. http常见的header有哪些？

Request Headers:

request.png

1.Accept:浏览器可接受的数据格式。application/json,text/html等
2.Accept-Econding:浏览器可接受的数据压缩(资源变小，传输更快呀)算法。gzip,deflate,br
3.Accept-Language:浏览器可接受的语言。如：zh-CN,zh;q=0.9
4.Connection:keep-alive 一次TCP连接，重复使用
5.Cookie:缓存
6.Host:请求域名
7.User-Agent:浏览器信息。收集浏览器、系统、手机等信息
8.Content-type:发送数据格式。如application/json、text/html

Response Headers

response.png

1.Content-type:返回数据的格式。如：image/gif，text/html; charset=utf-8
2.Content-length:返回数据大小，多少字节。
3.Content-Econding:返回数据的压缩算法。如：gzip   
4.Set-cookie:服务端像客户端设置cookie。
5.expires:过期时间，已被Cache-control代替。
6.Cache-control:控制强缓存的逻辑，服务端控制。常用属性有
   a：max-age:(最大过期时间):3153600(s)
   b：no-cache:不使用本地缓存
   c：no-store:不使用本地缓存，也不使用服务端缓存策略，即完全重新请求资源
7.Last-modified:协商缓存策略，资源的最后修改时间，只能精确到秒级，可以与Etag共存。与Request headers,If-Modified-Since值相同。详情参考http缓存机制
8.Etag:协商缓存策略，字符串，根据内容计算的资源的唯一标识。与Request headers,If-None-Match值相同。详情参考http缓存机制

三. http缓存机制

为什么要缓存：减少请求资源数量和体积，提高网页加载速度。按缓存规则可分为：强制缓存和协商缓存(对比缓存)。

http缓存机制.png

强制缓存：

浏览器初次请求，服务器判定请求资源可以缓存，则添加相应的Catch-control,类似不容易更改的资源。如：js/css/img等。浏览器再次请求，通过判断Catch-control属性值，如果命中缓存，则在本地直接读取缓存。

协商缓存：

浏览器初次请求，服务器判定请求资源可以缓存，同时返回相应的资源标识，Etag/Last-Modified。客户端再次请求时，携带If-None-Match/If-Modeifed-Since，服务端根据与原有值判断，资源是否发生更改，如更改则返回新的资源，否则返回304，客户端读取本地缓存。

四. 什么是Restful API

1.一种新的API设计方法
2.传统API设计：把每个url当做一个功能          
3.Restful API设计：把每个url当做一个唯一的资源，通过不同的请求方法区分增删改查。

传统API示例：

post          api/create-article                      创建                 
post          api/update-article?author=1454648       更新/删除
get           api/get-article?author=1454648          查询

Restful API示例：

post           api/create-article                     创建           
patch/put      api/article/1454648                    部分更新/全部更新
get            api/article/1454648                    查询
delete         api/article/1454648                    删除

最后编辑于：2020.11.25 21:47:47