返回顶部
首页 > 资讯 > 移动开发 >axios引入的详细讲解
  • 391
分享到

axios引入的详细讲解

javascript开发语言ecmascript 2023-10-25 07:10:20 391人浏览 薄情痞子
摘要

安装axios:npm install axiOS,等待安装完毕即可 引用axios:在需要使用的页面中引用  import axios from 'axios'  即可 axios请求的时候有两种方式:一种是get请求,另一种是post请

安装axios:npm install axiOS,等待安装完毕即可

引用axios:在需要使用的页面中引用  import axios from 'axios'  即可

axios请求的时候有两种方式:一种是get请求,另一种是post请求

get请求:

axios({      method:"get",      url: "", // 接口      params: {        // 参数        name: xxx,      },    })      .then(function (res) {        console.log(res); // 成功回调      })      .catch(function (err) {        console.log(err); // 失败回调      });

post请求:

post请求还需要引入qs的文件  npm install qs  和  import qs from 'qs'

axios({      method:"post",      url: "", // 接口      data:qs.tostring{        // 参数        name: xxx,      },    })      .then(function (res) {        console.log(res); // 成功回调      })      .catch(function (err) {        console.log(err); // 失败回调      });

还有一些具体信息:

method:创建请求时使用的方法

url:请求的服务器地址

header:即将被发送的自定义请求头

data:请求接口所需要传递的参数

params:即将与请求一起发送的 URL 参数

then(function(succ) {}):成功时返回的数据

catch(function(err){}):失败时返回的信息

来源地址:https://blog.csdn.net/qq_21861771/article/details/132497318

--结束END--

本文标题: axios引入的详细讲解

本文链接: https://www.lsjlt.com/news/442147.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作