记录学习的axios基础内容

记录一下今天学习的axios基础内容

1.axios概述：

axios是一个基于promise的HTTP库，可以用于node.js和浏览器中，用来发送异步请求的框架

2.axios与jquery的区别：

    1.axios是一个专一的异步请求框架；
        jquery专门封装dom操作（axios会比jquery更好，因为它是只专注于做异步请求）
    2.axios基于promise承诺对象，而jquery不是
        axios能够处理并发请求
    3.axios可以将响应数据进行二次封装
        封装格式：
            data:{
                params:后台响应数据
            },		//后台返回的数据
            status:200,	//状态码
            statusText: 'OK',	//状态信息
            headers:{}, 	//服务器头部信息
            config:{}, 	//axios对request的配置
            request:{} 	//request对象
     4.axios发送post请求时，默认封装成json字符串
         jquery默认封装成查询字符串

       查询字符串：name=lisi&age=20
       json字符串：{
               "name":'lisi',
               "age":20
           }

3.使用

1.底层api：
         axios(config)//直接发送请求
        axios.create()//创建实例对象
            request=axios.create(config);
            request.get()
        config：{
            url:
            method://请求方式
            baseURL：//基路径
            headers：//请求头信息content-type/Authorization
            params//用于get请求传参数，拼接到地址栏上
            data//用与post请求传参，data封装到请求体中，默认json格式
        }
    调用axios发送请求之后，会返回一个承诺对象
    axios({}).then(response=>{
        console.log(response);
    })

       //axios使用底层api
       var baseURL='http://121.41.228.5';
       var url='/user/login';
       var data = {
            username:'admin1',
            password:'123321'
       }
       axios({
            url,
            baseURL,
            method:'POST',
            data
        }).then(response=>{
            console.log("axios:",response);
        }); 

2.简写api：
    可以通过axios/axios的实例对象使用get()或者post()写
            get():
                axios.get()
                request.get()

//使用axios.get()
axios.get(baseURL+'/baseUser/pageQuery',{
            params:{
                page:1,
                pageSize:10
            },
            headers:{
                "Authorization":token
            }
        }).then(response=>{
            console.log("分页数据：",response);
        }); 

     //使用request()
        var request=axios.create({
            params:{
                page:1,
                pageSize:10
            },
            headers:{
                "Authorization":token
            }
        });

         request.get(baseURL+'/baseUser/pageQuery').then(response=>{
            console.log("分页数据：",response);
        }); 

axios的post()用法与get()用法差不多，但是要注意的是使用时数据是转为查询字符串格式还是json格式