axios基本使用

axios基本使用

• axios.defaults.timeout 超时时间

  设置一定的时间限制，当 axios 发送请求后，未在设定的时间按时返回数据，认为出错；

    axios.defaults.timeout = 6000;
  

• axios.default.baseURL 请求的基准 URL 地址

  在发送请求的时候，axios 会自动将基准 url 地址和 get 中的路径进行拼接； 基准 URL 方便书写，减少路径重复，帮助解决跨域问题

  // 写法一：
  axios.get(http://localhost:3000/aioxs-get).then();
  
  // 写法二：
  axios.default.baseURL = 'http://localhost:3000/'
  axios.get(aioxs-get).then();
  
  

• axios.default.headers[ ' ' ] 设置请求头

  请求头需要后台配置成功，前端方可向后端发送请求头; 请求头用于登录

  axios.default。headers['mytoken'] = 'asdfghjtyuio7gh';
  
  

• axios.default.method 设置默认的请求类型,不常用

   axios.defaults.method = 'GET';//设置默认的请求类型为 GET
  

axios实例对象对象

axios.create(config)

1. 根据指定配置创建一个新的axios, 也就就每个新axios都有自己的配置
2. 新axios只是没有取消请求和批量发请求的方法, 其它所有语法都是一致的

拦截器函数/ajax请求/请求的回调函数的调用顺序

1. 说明: 调用axios()并不是立即发送ajax请求, 而是需要经历一个较长的流程
2. 流程: 请求拦截器2 => 请求拦截器1 => 发ajax请求=> 响应拦截器1 => 响 应拦截器2 => 请求的回调
3. 注意: 此流程是通过promise串连起来的, 请求拦截器传递的是config, 响应 拦截器传递的是response

取消请求

1. 基本流程 配置cancelToken对象 缓存用于取消请求的cancel函数 在后面特定时机调用cancel函数取消请求 在错误回调中判断如果error是cancel, 做相应处理
2. 实现功能 点击按钮, 取消某个正在请求中的请求 在请求一个接口前, 取消前面一个未完成的请求.