AI智能
改变未来

Axios

axios是什么
axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。

axios的特点有哪些
支持promise的所有API
支持请求和响应拦截器
可以转换请求数据和响应数据,并对响应回来的内容自动转换为JSON类型的数据
安全性更高

axios有哪些方法
axios(config) 最通用的发送任意类型请求的方式
axios.get 查询
axios.put 新增
axios.post 编辑
axios.delete 删除
axios.all() 用于批量处理多个异步请求

所了解的axios相关配置属性
url 用于请求服务器的URL
method 创建请求时使用的方法,默认时get
proxy 定义代理服务器的主机名称或端口
baseURL 将自动加在url前面
headers 即将被发送的自定义请求头
params 即将与请求一起发送的URL参数
transformRequest 允许在向服务器发送前,修改请求数据
auth 表示应该使用HTTP基础验证,并提供凭据

axios为什么既能在浏览器环境运行又能在服务器(node)环境运行
axios在浏览器端使用XMLHttpRequest对象发送a’jax请求
axios在node环境中使用http对象发送ajax请求

axios的拦截器
拦截器分为两种请求拦截器和响应拦截器
request 请求拦截
response 响应拦截
后面加.use()使用拦截器 use里面传递两个参数,这两个参数是两个函数
请求拦截器第一个参数是config,第二个是err
响应拦截器第一个参数是res,第二个是err 因为响应后拿到的是结果
axios.interceptors.request.use()
axios.interceptors.response.use()
拦截下来之后还要再return返回出去

在请求拦截器中可以做以下几件事
比如每次当发送网络请求时,希望界面中出现一个小图标
比如config中的一些信息不符合服务器的要求
某些网络请求必须携带一些特殊信息,比如登录(必须携带一个token)

响应拦截器的作用
就是接受到响应后的一些操作,比如服务器状态码实现,登录的token失效,重新跳转到登录页面

Axios 使用 cancel token 取消请求接口的操作
移除拦截器 在后面加.eject
axios.interceptors.request.eject()

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » Axios