每日总结(5)

所用时间:晚上2小时

代码:0

博客:0

知识点:

axiox:网络请求

1、利用npm安装: npm install axios

1、get请求
//get请求方式一：
axios({
        // 默认请求方式为get
        method: 'get',
        url: 'api',
        // 传递参数
        params: {
            key: value
        },
        // 设置请求头信息
        headers: {
            key: value
        }
        responseType: 'json'
    }).then((response) => {
        // 请求成功
        let res = response.data;
        console.log(res);
    }).catch((error) => {
        // 请求失败，
        console.log(error);
});

axios提供了两种拦截器：

1、请求拦截器（成功，失败）

2、响应拦截器（成功，失败）

拦截器的作用：

1、在网络请求时发起请求

2、请求响应时对操作进行相应的处理

拦截器的使用案例：

1、请求拦截器成功时，可以添加网页加载的动画等

2、响应拦截器成功时，可以进行数据的相应处理