全栈：axios-fecth

axios是什么

axios是基于Promise封装的ajax库，基于这个类库发送ajax请求，默认就是基于promise管理的，核心是XMLHttpRequestaxios是网络请求工具，需要引入axios库

function fn(){
    var url = "http://192.168.1.1:8080/api1";
    var res=axios(url)
    res.then((res)=>{
    console.log(res)
    })
}

 

fetch

fetch是浏览器自带的api
fetch在做网络请求时

　　　　　　　function fn(){
                var url="http://192.168.1.1:8080/api1"
                var res=fetch(url)
                //res是一个promise对象 这个对象内部有后端传过来的二进制包
                console.log(res)
                res.then((data)=>{
                    return data.json()
                })
                .then((result)=>{
                    console.log(result,1234)
                })
            }

 

axios和Fetch的区别

相同点

axios和Fetch都是发送请求的

不同

实现原理不同：

　　axios是基于promise封装的ajax类库，fetch是ES6中浏览器原生的API

传参字段不同：

　　axios的get请求参数放到params中，post请求体信息放到data里
　　fetch的get请求参数直接跟在url后面，post请求体信息放在body里