基于Axios 常用的请求方法别名(详解)
更新时间：2018年03月13日 14:48:36 作者：yyjourney
下面小编就为大家分享一篇Axios 常用的请求方法别名，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Axios
是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
常用的请求方法别名一般有: Get/post/http协议请求
执行Get请求
function get(){
return axios.get('/data.json', {
params:{
id:1234
}
}).then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
}
使用get方法进行传参数的时候用的是 params方法
执行Post请求
function post(){
return axios.post('/data.json', {
id:1234
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
}
使用post方法进行传参数的时候是直接进行数据的传递，这也是两种方法的区别。
执行http协议请求
function http(){
return axios({
method: 'post',
url: '/data.json',
data: {
id: 1111,
},
params: {
id:2222,
}).then(res=>{
this.msg=res.data;
});
}
注意这里的区别，当使用post请求的时候，进行数据的传参使用的是data方法，而使用get请求的时候，使用的是params方法。
使用拦截器：
在请求或响应被 then 或 catch 处理前拦截它们。
// 添加请求拦截器
mounted:function(){
axios.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
// 对响应数据做点什么
return response;
}, function (error) {
// 对响应错误做点什么
return Promise.reject(error);
});
}
以上这篇基于Axios 常用的请求方法别名(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在web后台管理项目中,经常要用到dialog,就vue来说,使用方式则是引入组件,注册,在template中使用,试想一下,如果我们需要在项目中的不同.vue文件中使用该dialog,但是又不想每次都在template中写入组件该如何实现呢？本文我们介绍用指令控制dialog,需要的朋友可以参考下2024-07-07
今天遇到一个复制粘贴的需求,研究之后发现太简单了,这篇文章主要给大家介绍了关于vue中js实现点击复制文本到剪贴板的3种方案,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
这篇文章主要为大家详细介绍了如何实现以vite+vue3+Microapp为主应用，以vue2+element为子应用的微前端，感兴趣的小伙伴快跟随小编一起学习一下吧2023-06-06
最近在学习Three.js相关的技术,恰逢Vue 3.0正式版也已推出,下面这篇文章主要给大家介绍了关于vue3项目中使用three.js的操作步骤,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
这篇文章主要为大家详细介绍了如何使用vue实现视频全屏切换的功能,文中的示例代码讲解详细, 具有一定的借鉴价值,有需要的小伙伴可以参考一下2023-11-11
今天小编就为大家分享一篇vue 实现购物车总价计算，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
下面小编就为大家分享一篇解决vue-cli + webpack 新建项目出错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了vue3常用的API使用简介，帮助大家更好的理解和学习使用vue，感兴趣的朋友可以了解下2021-03-03
这篇文章主要介绍了正确快速使用Vue中的插槽和配置代理的相关知识,插槽分为三种，分别是默认插槽、具名插槽、作用域插槽，下面分别列出了如何使用这三种插槽，需要的朋友可以参考下2023-01-01
这篇文章主要介绍了vue组件之间的数据传递方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最新评论