Axios和Fetch有什么区别？

Z时代
2024-01-10
分类：问答

我通过使用fetch调用Web服务，但是我可以在axios的帮助下进行相同的操作。所以现在我很困惑。我应该选择axios还是fetch？

回答：

Fetch和Axios在功能上非常相似，但是为了实现向后兼容，Axios似乎工作得更好（例如，在IE

11中，fetch无法正常工作

另外，如果您使用JSON请求，则以下是我偶然发现的一些区别。

let url = 'https://someurl.com';
let options = {
            method: 'POST',
            mode: 'cors',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json;charset=UTF-8'
            },
            body: JSON.stringify({
                property_one: value_one,
                property_two: value_two
            })
        };
let response = await fetch(url, options);
let responseOK = response && response.ok;
if (responseOK) {
    let data = await response.json();
    // do something with data
}

let url = 'https://someurl.com';
let options = {
            method: 'POST',
            url: url,
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json;charset=UTF-8'
            },
            data: {
                property_one: value_one,
                property_two: value_two
            }
        };
let response = await axios(options);
let responseOK = response && response.status === 200 && response.statusText === 'OK';
if (responseOK) {
    let data = await response.data;
    // do something with data
}