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

相关推荐
郝学胜-神的一滴4 分钟前
超越Spring的Summer(一): PackageScanner 类实现原理详解
java·服务器·开发语言·后端·spring·软件构建
摇滚侠5 分钟前
Java,举例说明,函数式接口,函数式接口实现类,通过匿名内部类实现函数式接口,通过 Lambda 表达式实现函数式接口,演变的过程
java·开发语言·python
阿里嘎多学长6 分钟前
2026-02-03 GitHub 热点项目精选
开发语言·程序员·github·代码托管
Tony Bai7 分钟前
“Go 2,请不要发生!”:如果 Go 变成了“缝合怪”,你还会爱它吗?
开发语言·后端·golang
打工的小王8 分钟前
java并发编程(七)ReentrantReadWriteLock
java·开发语言
lang201509289 分钟前
Java并发革命:JSR-133深度解析
java·开发语言
禹凕10 分钟前
Python编程——进阶知识(面向对象编程OOP)
开发语言·python
abluckyboy11 分钟前
基于 Java Socket 实现多人聊天室系统(附完整源码)
java·开发语言
毅炼14 分钟前
Java 基础常见问题总结(3)
java·开发语言
爱问问题的小李15 分钟前
ue 动态 Key 导致组件无限重置与 API 重复提交
前端·javascript·vue.js