vueaxios请求数据,vuex封装axios
本文主要介绍vue中数据请求axios的封装和使用。Axios是一个基于promise的HTTP库。以下文章重点介绍了课题的相关信息，有一定的参考价值，有需要的小伙伴可以参考一下。
目录
一、什么是axios II。下载方法三。拦截者四号。请求的封装与使用
一、什么是axios
简单来说，axios是一个基于promise的HTTP库，可以在浏览器和node.js中使用我们会经常使用Axios请求接口来获取项目中的数据。
二、下载方式
直接在当前使用的项目中打开终端：
Npm安装axios -保存或添加axios
三、拦截器
拦截器是在数据请求过程中拦截请求或响应的技术。
请求拦截器:发送请求时做一些操作即可。响应拦截器:响应时拦截一些操作即可。例如，登录错误返回到登录状态。实现方法也很简单。直接在src文件下创建一个新的utils文件夹，并使用任意名称创建一个新的js文件。
从“axios”导入axios
let service=axios.create()
service . interceptors . request . use(function(config){
返回配置；
}，函数(错误){
return Promise.reject(错误)；
});
导出默认服务
四、请求的封装
一般封装的请求都放在api文件夹下，使用起来非常方便。只要在使用的地方引用就可以直接使用。
例如：
从“axios”导入axios
let getAction=(url)={
返回新承诺((解决，拒绝)={
axios({
url，
方法：“GET”
}).然后((好)={
解决(正常)
}).catch((err)={
拒绝(错误)
})
})
}
导出默认getAction
五、使用
当你打包请求的时候，用起来也很方便。把它用在二手的。vue文件。
//
从@/api/index导入getAction
关于vue中数据请求axios的封装和使用的文章到此结束。有关axios的封装和使用的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。