fetch和axios

最新推荐文章于 2024-07-28 11:18:28 发布

Shirley_0513

最新推荐文章于 2024-07-28 11:18:28 发布

阅读量172

点赞数 1

本文链接：https://blog.csdn.net/Shirley_0513/article/details/107364466

版权

本文对比了fetch和axios两种API。fetch虽然简洁，但存在兼容性问题，且默认不携带cookie。而axios基于Promise，使用更方便，支持get和post，并提供跨域解决方案，包括CORS、反向代理和不支持的jsonp。在请求头管理上，axios允许设置Headers，而jQuery支持jsonp，axios则不支持。

摘要由CSDN通过智能技术生成

一，fetch

XMLHttpRequest 是一个设计粗糙的 API，配置和调用方式非常混乱，而且基于事件的异步模型写起来不友好，容易回调地狱。

fetch缺点是

兼容性不好 https://github.com/camsong/fetch-ie8
Fetch 请求默认是不带 cookie 的，需要设置 fetch(url, {credentials: ‘include’})

get

fetch("url").then(res=>res.json()).then(res=>{
   console.log(res)})
fetch("url").then(res=>res.text()).then(res=>{
   console.log(res)})


post

fetch("url",{
    
 method:'post', 
 headers: {
    
  "Content‐Type": "application/x‐www‐form‐urlencoded" 
   },
body: "name=kerwin&age=100"
}).then(res=>res.json()).then(res=>{
   console.