Vue 网络处理 - axios 异步请求的使用，请求响应拦截器（最佳实践）

  免费查看本文章可前往我的网站：PiQiu

目录

一、axiox

1.1、axios 简介

1.2、axios 基本使用

1.2.1、下载核心 js 文件.

1.2.2、发送 GET 异步请求

1.2.3、发送 POST 异步请求

1.2.4、发送 GET、POST 请求最佳实践

1.3、请求响应拦截器

1.3.1、拦截器解释

1.3.2、请求拦截器的使用

1.3.3、响应拦截器的使用

1.3.4、拦截器在 Vue 脚手架中的使用（最佳实践）

---

一、axiox

---

1.1、axios 简介

axios 用来在前端页面发起一个异步请求，请求之后页面不动，响应回来刷新局部.

1.为什么不使用 ajax 呢？

官方：在 jQuery 中推荐使用 ajax 技术， Vue 里面不推荐使用 jQuery 框架，因此 Vue 更推荐使用 axiox 异步请求库（axios并不是 vue 官方库）.

2.axios 特性

1. 可以从浏览器中创建 XMLHttpRequests
2. 可以从 node.js 中创建 http 请求.
3. 支持 Promise API.
4. 支持拦截请求和响应.
5. 转换请求数据和响应数据.
6. 取消请求.
7. 自动转换 JSON 格式数据.
8. 客户端支持防御 XSRF.

1.2、axios 基本使用