基于Axios 常用的请求方法别名(详解)

下面我就为大家分享一篇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

(0)
上一篇 2025年3月8日 06:37:45
下一篇 2025年3月1日 23:00:04

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue加载自定义的js文件方法

    下面小编就为大家分享一篇vue加载自定义的js文件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 在做项目中需要自定义弹出框。就自己写了一个。 效果图 遇见的问题 怎么加载自定义的js文件 立即学习“前端免费学习笔记(…

    2025年3月8日
    200
  • vue路由懒加载的实现方法

    本篇文章主要介绍了vue路由懒加载的实现方法,现在分享给大家,也给大家做个参考。 本文介绍了vue的路由懒加载,分享给大家,具体如下: 我们可以把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件。 componen…

    编程技术 2025年3月8日
    200
  • 怎样使用vue axios 给生产与发布环境配置接口地址

    这次给大家带来怎样使用vue axios 给生产与发布环境配置接口地址,使用vue axios给生产与发布环境配置接口地址的注意事项有哪些,下面就是实战案例,一起来看一下。 本项目是vue-cli搭建的项目框架,引入axios用于数据请求。…

    2025年3月8日 编程技术
    200
  • JS对DOM树实现遍历有哪些方法

    这次给大家带来JS对DOM树实现遍历有哪些方法,JS对DOM树实现遍历的注意事项有哪些,下面就是实战案例,一起来看一下。 二叉 DOM 树的遍历 function Tree() { var Node = function(key){ thi…

    编程技术 2025年3月8日
    200
  • vue2.0 axios跨域并渲染的问题解决方法

    下面我就为大家分享一篇vue2.0 axios跨域并渲染的问题解决方法,具有很好的参考价值,希望对大家有所帮助。 (用的脚手架vue-cli) 第一步: 在main.js中如下声明使用 import axios from’axios’;Vu…

    编程技术 2025年3月8日
    200
  • 在react-router4中进行代码拆分的方法(基于webpack)

    这篇文章主要介绍了在react-router4中进行代码拆分的方法(基于webpack),现在分享给大家,也给大家做个参考。 前言 随着前端项目的不断扩大,一个原本简单的网页应用所引用的js文件可能变得越来越庞大。尤其在近期流行的单页面应用…

    2025年3月8日
    200
  • 在vue项目中,使用axios跨域处理

    下面我就为大家分享一篇在vue项目中,使用axios跨域处理,具有很好的参考价值,希望对大家有所帮助。 跨域,一个很是让人尴尬的问题,有些人可以在后台中设置请求头,但是很多前端并不具备后台的知识,并无法自己独立的搭建一个服务器,所以就变成了…

    2025年3月8日
    200
  • vue中axios解决跨域问题和拦截器的使用方法

    下面我就为大家分享一篇vue中axios解决跨域问题和拦截器的使用方法,具有很好的参考价值,希望对大家有所帮助。 vue中axios不支持vue.use()方式声明使用。 所以有两种方法可以解决这点: 第一种: 在main.js中引入axi…

    编程技术 2025年3月8日
    200
  • jQuery+koa2实现简单的Ajax请求的示例

    这篇文章主要介绍了jquery+koa2实现简单的ajax请求的示例,现在分享给大家,也给大家做个参考。 前言 之前写Ajax代码只管前端的实现,感觉这样导致自己对Ajax的请求的理解不够深入,所以写了这个从前端到后端的Ajax实现小dem…

    2025年3月8日 编程技术
    200
  • JS中所有循环遍历方法总结

    这次给大家带来JS中所有循环遍历方法总结,JS中循环遍历总结的注意事项有哪些,下面就是实战案例,一起来看一下。 1、for 循环 let arr = [1,2,3];for (let i=0; i<arr.length; i++){ …

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论