axios
AJAX:
先使用 axios 库,与服务器进行数据通信
url:统一资源定位符
http协议:超文本传输协议,规定浏览器和服务器之间传输数据的格式
域名:标记服务器在互联网中方位
资源路径:标记资源在服务器下的具体位置
请求回来的数据 data是后端数据
URL查询参数
(then中的回调函数对从服务器请求回来的数据做处理)
将统一资源定位符 url 中的查询参数,通过写在 axios配置中的 params参数里,并且是以键值对的形式。(如果键值同名,那么只写一个)
常用请求方法
上面的能从服务器上拿取数据,下面就学习将数据存入服务器(设置不同请求方法就能实现)
当使用 get获取数据时使用 params携带参数
当使用 post 将数据提交到服务器 用data
axios错误处理
弹框显示给用户看
http协议 - 请求报文
请求报文 - 错误排查
在输入正确的请求报文之后依然报错说不正确,因为账号和密码是后端校验,所以极有可能是原来没有将 账号和密码提交到服务器。所以检查开发者工具中 网络 的 载荷,看提交的数据是否出现问题
HTTP协议 - 响应报文
http响应状态码:用来表明请求是否成功完成
接口文档
请求拦截器: axios在headers选项中传递请求头参数,但是如果要发送多个 axios请求,每个请求都要携带这个 headers选项,可以直接在请求拦截器中设置公共headers选项
async和await两个关键字:是 js 中异步编程终极解决方案
首先对一个函数进行 async 的修饰,也就是将 async写在函数声明的前面,声明后的函数变成异步函数,那么就可以在该函数里边使用 await 的关键字,其后边跟上promise对象,里边有异步任务,等待promise成功的结果显示在原地,然后放行代码。
async 和 await捕获错误