axios引入的详细讲解

这篇具有很好参考价值的文章主要介绍了axios引入的详细讲解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

2.引用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://www.toymoban.com/news/detail-679417.html

到了这里,关于axios引入的详细讲解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端学习笔记:JavaScript基础语法(ECMAScript)

    此博客参考b站:【黑马程序员前端JavaScript入门到精通全套视频教程,javascript核心进阶ES6语法、API、js高级等基础知识和实战教程】https://www.bilibili.com/video/BV1Y84y1L7Nn?p=76vd_source=06e5549bf018e111f4275c259292d0da 这份笔记适用于已经学过一门编程语言(最好是C语言)的同学,如果你没有

    2024年02月16日
    浏览(46)
  • 深入理解 ECMAScript modules:提升你的 JavaScript 技能(六)

    🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_ CSDN 博客专家、23年度博客之星前端领域TOP1 🕠 牛客 高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 🍚 蓝桥云课 签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你

    2024年02月21日
    浏览(51)
  • 深入理解 ECMAScript modules:提升你的 JavaScript 技能(一)

    🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_ CSDN 博客专家、23年度博客之星前端领域TOP1 🕠 牛客 高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 🍚 蓝桥云课 签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你

    2024年02月20日
    浏览(42)
  • 【玩转Linux操作】详细讲解Shell的函数,exit,文件重定向,引入外部脚本的操作

    🎊专栏【​​​​​​​玩转Linux操作】 🍔喜欢的诗句:更喜岷山千里雪 三军过后尽开颜。 🎆音乐分享【Love Story】 🥰大一同学小吉,欢迎并且感谢大家指出我的问题🥰 bash 中的函数类似于C/C++中的函数,但是 return 的返回值与C/C++不同,返回的是 exit code ,取值为0~255,

    2024年02月12日
    浏览(38)
  • ECMAScript6历史-前端开发+ECMAScript+基础语法+入门教程

    我们首先来看 ECMA 是什么。 ECMA ,读音类似“埃科妈”,是 欧洲计算机制造商协会 (European Computer Manufacturers Association)的简称,是一家国际性会员制度的信息和电信标准组织。1994年之后,由于组织的标准牵涉到很多其他国家,为了体现其国际性,更名为 Ecma 国际 (Ecma In

    2024年01月16日
    浏览(47)
  • HarmonyOS引入其他包,以引入请求axios为例

    安装文件位置: 总目录的oh-package.json5文件 dependencies:生产环境–上线运行时候必须需要的包 devDependencies:开发环境–开发适合为了方便提高效率的包。 OHPM CLI 作为鸿蒙生态三方库的包管理工具,支持OpenHarmony共享包的发布、安装和依赖管理。 下载开发工具的时候会装一个

    2024年02月03日
    浏览(37)
  • 【C语言】文件操作详细讲解

    本章要分享的内容是C语言中文件操作的内容,为了方便大家学习,目录如下 目录 1.为什么要使用文件 2.什么是文件 2.1   程序文件 2.2 数据文件 2.3   文件名 3.文件的打开和关闭 3.1文件指针  3.2打开和关闭 4.文件的顺序读写 4.1顺序读写函数介绍 4.1.1   fputc 4.1.2   fgetc 4.1

    2023年04月15日
    浏览(38)
  • 链表(C语言版)超详细讲解

    一、链表的概念 定义: 二、链表的构成 构成:链表由一个个结点组成,每个结点包含两个部分:数据域和指针域。 数据域(data field):每个结点中存储的数据。 指针域(pointer field):每个结点中指向下一个结点的指针。 如图一个结点包括data(存储此结点的数据)和nex

    2024年02月08日
    浏览(30)
  • C语言找鞍点(详细讲解)

    要做这道题的前提是我们要知道什么是鞍点。 鞍点:是在当前位置上的元素在该行上最大在该列上最小。有的数组可能没有鞍点 比如 这张图片中 66 就是 这个二维数组中的鞍点。它当前行中最大,又在当前列中最小 做这道题我们还要知道的点就是 二维数组中不考虑重复的情

    2024年02月04日
    浏览(35)
  • 超详细讲解C语言文件操作!!

    磁盘上的文件是文件。但是在程序设计中,我们一般谈的文件有两种:程序文件、数据文件(从文件功能的角度来分类的)。 1、程序文件 包括源程序文件(后缀为.c),目标文件(windows环境后缀为.obj),可执行程序(windows环境后缀为.exe)。 2、数据文件 文件的内容不一定是

    2023年04月15日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包