axios引入的详细讲解

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

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

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

get请求:

javascript 复制代码
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'

javascript 复制代码
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){}):失败时返回的信息

相关推荐
李白同学12 分钟前
【C语言】结构体内存对齐问题
c语言·开发语言
无责任此方_修行中1 小时前
每周见闻分享:杂谈AI取代程序员
javascript·资讯
黑子哥呢?1 小时前
安装Bash completion解决tab不能补全问题
开发语言·bash
青龙小码农2 小时前
yum报错:bash: /usr/bin/yum: /usr/bin/python: 坏的解释器:没有那个文件或目录
开发语言·python·bash·liunx
大数据追光猿2 小时前
Python应用算法之贪心算法理解和实践
大数据·开发语言·人工智能·python·深度学习·算法·贪心算法
彳卸风2 小时前
Unable to parse timestamp value: “20250220135445“, expected format is
开发语言
dorabighead3 小时前
JavaScript 高级程序设计 读书笔记(第三章)
开发语言·javascript·ecmascript
风与沙的较量丶3 小时前
Java中的局部变量和成员变量在内存中的位置
java·开发语言
水煮庄周鱼鱼3 小时前
C# 入门简介
开发语言·c#
编程星空4 小时前
css主题色修改后会多出一个css吗?css怎么定义变量?
开发语言·后端·rust