【axios】-- 一文带你入门axios

目录

♡ ‧₊˚ axios简介 ‧₊˚ ♡

♡ ‧₊˚ axios特点 ‧₊˚ ♡

♡ ‧₊˚ axios安装 ‧₊˚ ♡

♡ ‧₊˚ axios使用 ‧₊˚ ♡

1.发送无参请求

1.1利用axios发送get无参请求：

1.2利用axios发送post无参请求：

2.发送有参请求

2.1利用axios发送get有参请求：

2.2利用axios发送post有参请求：

 ♡ ‧₊˚ axios的全局配置 ‧₊˚ ♡

 ♡ ‧₊˚ axios创建实例 ‧₊˚ ♡

axios实例的相关配置

 ♡ ‧₊˚ axios的拦截器 ‧₊˚ ♡

  ♡ ‧₊˚ axios的快捷方法 ‧₊˚ ♡

---

♡ ‧₊˚ axios简介 ‧₊˚ ♡

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，简单的理解就是ajax的封装。

♡ ‧₊˚ axios特点 ‧₊˚ ♡

1. 基于promise的http库
2. 可以调用promise的api
3. 支持浏览器端/node端
4. axios默认发送get请求， 发送数据默认格式为json
5. axios请求头发送的数据会自动转换
6. 支持请求拦截器和响应拦截器

♡ ‧₊˚ axios安装 ‧₊˚ ♡

1、利用npm安装（例如vue脚手架项目中使用）

npm install axios

2、利用cdn（常用）

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

♡ ‧₊˚ axios使用 ‧₊˚ ♡

1.发送无参请求

1.1利用axios发送get无参请求：

// 默认发送get请求 发送数据格式默认为json
axios({
            url:"http://ip/接口地址",
        });

注意： 不写method时默认发送的是get请求

1.2利用axios发送post无参请求：

axios({
            url:"http://ip/接口地址",
            method:"post"
        });

2.发送有参请求

2.1利用axios发送get有参请求：

☆get请求传递的参数用params携带☆

axios({
            url:"http://ip/接口地址",
            // 自动转换数据格式为查询字符串
            params:{
                page:1,
                pageSize:10
            }
        });