上述 axios 直接发送哀求，不设置哀求方式时，默认使用 get 哀求，与 ajax 和 fetch 雷同。所以发送的是一个get哀求，也可以使用 get 方法发送，如下实例：
axios.get(
‘1.txt’ ,
{
params:{id:‘1’}
}
).then(res=>{
console.log(res);
})
.catch(err=>{
console.log(err);
})
可简写成 axios(url,config)。
具体的其他方法分别为：
axios.request(config)
axios.get( url , config)
axios.delete( url , config)
axios.head( url , config)
axios.options( url , config)
axios.post( url [,data [, config ]])
axios.put( url [,data [, config ]])
axios.patch( url [,data [, config ]])
3.4、批量发送哀求
网络哀求中每每会有多个网络哀求并发执行，有时需要同一处置惩罚它们返回效果，所以axios有并发处置惩罚。axios.all()可以并行发送多个网络哀求，等待哀求都返回之后，继续处置惩罚。
使用语法：
/* 第一种处置惩罚方式 */
axios.all([
axios.get(URL1),
axios.get(URL2),
]).then(res=>{
console.log(res) //返回的res是一个数组，res[0]是第一个哀求数据 res[1]是第二个哀求数据
})
/* 第二种处置惩罚方式 */
axios.all([
axios.get(URL1),
axios.get(URL2),
]).then(
axios.spread((res1,res2)=>{
res1 //是第一个哀求返回数据
res2 //是第二个哀求返回数据
})
)
使用 axios.spread 能够自动分割哀求返回数据。
1.5、全局默认配置
全局默认配置紧张作用于每个哀求。既节流敲代码的时间，想修改的时候，只需修改一个就可以全部修改掉。
常见的全局默认配置有：
axios.defaults.baseURL = “http://localhost:8080/” //配置域名
axios.defaults.timeout = 6000; //单元是毫秒，设置超时时间
/* 头设置 */
axios.defaults.headers.common[‘Authorization’] = AUTH_TOKEN
axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’
3.6、axios 实例
// 实例化的时候配置默认参数
const instance = axios.create({
baseURL: ‘https://api.example.com’
});
// Alter defaults after instance has been created
instance.defaults.headers.common[‘Authorization’] = AUTH_TOKEN
之所以使用 axios 实例化，是因为全局实例化 http 哀求有全局的响应拦截，当我们某些接口无法返回状态码时，我们将无法得到 response，此时我们需要在当前 api 中重新实例化一个 axios，设置新的响应拦截码。
3.7、拦截器
拦截器分为两个，有哀求拦截和响应拦截，可以同一处置惩罚某些业务。
/*
哀求拦截器
同一在发送哀求之前添加token
*/
axios.interceptors.request.use(config=>{
config.headers.token = sessionStorage.getItem(“token”) //添加toke
return config
},err=>{
console.log(err)//哀求错误
})
axios.interceptors.response.use(response=>{
return response
},err=>{
console.log(err)//响应错误
})
3.8、响应内容
基本使用中，第一个实例哀求成功，打印效果 console.log(res) 。返回效果如下：
{
data:{},
status:200,
//从服务器返回的http状态文本
statusText:‘OK’,
//响应头信息
headers: {},
//config是在哀求的时候的一些配置信息
config: {}
}
四、axios 常见应用
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，每每是自己探索成长大概是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技能故步自封！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够资助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习条记、源码讲义、实战项目、讲授视频，而且会连续更新！
如果你以为这些内容对你有资助，可以扫码获取！！（备注：前端）
末了
学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人以为看书也很必要，可以节流很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。
资料领取方式：戳这里获取
/13/H4lCoPEF.jpg" />
末了
学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人以为看书也很必要，可以节流很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。
资料领取方式：戳这里获取
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
