一、axios使用

(一)axios使用

(1)目标

axios是一个专门用于发送ajax请求的库
axios底层还是原生JS实现,内部通过Promise封装的

在这里插入图片描述

(2)特点

  1. 支持客户端发送Ajax请求
  2. 支持服务端Node.js发送请求
  3. 支持Promise相关用法
  4. 支持请求和响应的拦截器功能
  5. 自动转化JSON数据

(3)问题

1.什么是ajax?
一种前端异步请求后端的技术(局部刷新)
2.ajax原理?
浏览器window接口的XMLHttpRequest
3.axios是什么?
基于原生ajax+Promise技术封装通用于前后端的请求库

(二)axios使用—获取图书信息

(1)目标

获取所有图书信息

在这里插入图片描述
在这里插入图片描述

(2)axios引入

下载axios,引入axios
发起axios请求

(3)问题

1.axios如何发起一次get请求
在method选项配置为true/也可以默认不写
2.axios函数调用原地结果是什么?
是一个Promise对象
3.如何拿到Promise里ajax的成功或失败的结果?
then() / catch()

(三)axios使用—查询图书信息

(1)目标

查询图书信息

在这里插入图片描述

在这里插入图片描述

(2)问题

1.ajax如何给后台传参
a.在url?拼接—查询字符串
b.在url路径上—需要后端特殊处理
c.在请求体/请求头传参给后台
2.axios哪个配置项会把参数自动写到url?后面
params

(四)axios使用—新增图书信息

(1)目标

新增图书信息

在这里插入图片描述
在这里插入图片描述

(2)问题

1.post请求方式,一般在哪里传递数据给后台呢?
请求体中
2.axios哪个选项,可以把参数自动装入到请求体中?
data选项
3.axios默认发给后台请求体数据格式是什么?
json字符串格式

(五)axios全局配置

(1)目标

配置基础地址,统一管理

在这里插入图片描述
在这里插入图片描述

(2)axios默认配置

axios.defaults.baseURL=“”
修改请求url/以后的请求都不用带前缀基地址了----运行时,axios的baseURL会自动拼在前面

二、git常用命令

  1. git init ----初始化仓库
  2. git remote add origin 地址----添加远端服务器地址
  3. git pull origin master ----从远端拉取
  4. git add . ----把变化添加进去
  5. git commit -m ‘描述信息’----这次更改做了什么操作
  6. git push origin master ----把文件传到远端仓库
  7. git config --global “user.name”----配置用户名
  8. git config --global “user.email”----配置邮箱
  9. git status ----查看本地库状态
  10. git reflog----查看版本信息
  11. git log ----查看版本详细信息
  12. git branch 分支名----创建分支
  13. git branch -v ----查看分支
  14. git checkout 分支名 ----切换分支
  15. git merge 分支名----把指定的分支合并到当前分支上

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐