下面我就为大家分享一篇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); });}
登录后复制
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
jquery 实现拖动文件上传加载进度条功能
分析javascript原型及原型链
使用Angular CLI生成 Angular 5项目教程详解
以上就是基于Axios 常用的请求方法别名(详解)的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2753426.html