axios从入门到源码分析.pdfVIP

———————————————————

axios从到源码分析

第1章：HTTP相关

1.1.MDN文档

1.2.HTTP请求交互的基本过程

1.前后应用从浏览器端向服务器发送HTTP请求(请求报文)

2.服务器接收到请求后,调度服务器应用处理请求,向浏览器端返回HTTP

响应(响应报文)

3.浏览器端接收到响应,解析显示响应体/调用监视回调

1.3.HTTP请求报文

1.请求行:

1

———————————————————

methodurl

GET/product_detail?id=2

POST/login

2.多个请求头

Host:

:BAIDUID=AD3B0FA706E;BIDUPSID=AD3B0FA706;

Content-Type:application/x-www-form-urlencoded或者application/json

3.请求体

username=tompwd=123

{username:tom,pwd:123}

1.4.HTTP响应报文

1.响应状态行:statusstatusText

2.多个响应头

Content-Type:text/html;charset=utf-8

Set-:BD_CK_SAM=1;path=/

3.响应体

html文本/json文本/js/css/...

1.5.post请求体参数格式

4.Content-Type:application/x-www-form-urlencoded;charset=utf-8

用于键值对参数，参数的键值用=连接,参数之间用连接

例如:name=%E5%B0%8F%E6%98%8Eage=12

5.Content-Type:application/json;charset=utf-8

用于json字符串参数

例如:{name:%E5%B0%8F%E6%98%8E,age:12}

6.Content-Type:multipart/form-data

2

———————————————————

用于文件上传请求

1.6.常见的响应状态码

200OK请求成功。一般用于GET与POST请求

201Created已创建。成功请求并创建了新的资源

401Unauthorized未/请求要求用户的认证

404NotFound服务器无法根据客户端的请求找到资源

500InternalServerError服务器错误，无法完成请求

1.7.不同类型的请求及其作用

1.GET:从服务器端数据

2.POST:向服务器端添加新数据

3.PUT:更新服务器端已经数据

4.DELETE:删除服务器端数据

1.8.API的分类

1.RESTAPI:restful

(1)发送请求进行CRUD哪个操作由请求方式来决定

(2)同一个请求路径可以进行多个操作

(3)请求方式会用到GET/POST/PUT/DELETE

2.非RESTAPI:restless

(1)请求方式不决定请求的CRUD操作

(2)一个请求路径只对应一个操作

(3)一般只有GET/POST

3

———————————————————

1.9.使用json-serverRESTAPI

1.9.1.json-server是什么?

用来快速RESTAPI的工具包

1.9.2.使用json-server

1.文档:

2.:npminstall-gjson-server

3.目标根下创建数据库json文件:db.json

{

p