vue复习大法之网络模块封装(七)

vue复习大法之网络模块封装(七)_第1张图片

为什么要选择网络模块结构

vue复习大法之网络模块封装(七)_第2张图片

jsonp

vue复习大法之网络模块封装(七)_第3张图片
vue复习大法之网络模块封装(七)_第4张图片

jsonp封装

vue复习大法之网络模块封装(七)_第5张图片

vue复习大法之网络模块封装(七)_第6张图片

axios

  1. 支持Promise
  2. 在浏览器发送XMLHttpRequests请求
  3. 在node中发送http请求
  4. 拦截请求和响应
  5. 转换请求和响应
  6. 等等

vue复习大法之网络模块封装(七)_第7张图片

vue复习大法之网络模块封装(七)_第8张图片

发送并发送请求

在这里插入图片描述

vue复习大法之网络模块封装(七)_第9张图片

全局配置

在这里插入图片描述
vue复习大法之网络模块封装(七)_第10张图片
vue复习大法之网络模块封装(七)_第11张图片

常见的配置

vue复习大法之网络模块封装(七)_第12张图片
vue复习大法之网络模块封装(七)_第13张图片

axios实例

vue复习大法之网络模块封装(七)_第14张图片
vue复习大法之网络模块封装(七)_第15张图片vue复习大法之网络模块封装(七)_第16张图片

封装

vue复习大法之网络模块封装(七)_第17张图片

使用拦截器

在这里插入图片描述
vue复习大法之网络模块封装(七)_第18张图片
vue复习大法之网络模块封装(七)_第19张图片在这里插入图片描述

请求拦截器做的事情

vue复习大法之网络模块封装(七)_第20张图片
在这里插入图片描述

响应拦截器做了什么

vue复习大法之网络模块封装(七)_第21张图片
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
vue复习大法之网络模块封装(七)_第22张图片

你可能感兴趣的:(axios,vue.js)