axios使用和原理

axios使用

什么是axios

axios是一个基于promise封装好的发送请求、返回响应的http库，可以应用在浏览器中和node.js中。

axios的特性

1. 在浏览器中发送请求会创建 XMLHttpRequests

2. 在 node.js 发送请求会创建 http请求

3. Promise封装，故支持Promise API

4. 支持拦截器interceptors，可以分别设置请求拦截和响应拦截，在发出请求和响应到达then之前进行判断处理。

5. 转换请求数据和响应数据

6. 取消请求

7. 自动转换 JSON 数据

8. 客户端支持防御 XSRF攻击

axios的安装

npm安装：$ npm install axios

cdn引用：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

axios的简单使用案例

// 用户登录相关
let usernameElement = document.querySelector('#username');
let passwordElement = document.querySelector('#password');
let loginBtnElement = document.querySelector('#loginBtn');
​
loginBtnElement.onclick = async function() {
    let username = u