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

相关推荐
Liquad Li4 小时前
Salesforce 主流认证方式、流程、适用场景
开发语言·salesforce
LOVE️YOU7 小时前
Python 中 Tuple 为什么有时可 Hash,有时不可 Hash?
开发语言·python·哈希算法
李永奉7 小时前
C语言-指针函数与函数指针及回调函数的使用
c语言·开发语言
小oo呆7 小时前
【学习心得】迭代器和可迭代对象
开发语言·python
AC赳赳老秦7 小时前
采集行为合规自检:OpenClaw 自动校验 robots 协议与采集频率,规避违规采集风险
java·开发语言·c++·python·php·deepseek·openclaw
钱栈up8 小时前
mvn compile 卡死在 javac 阶段:一次类型不匹配的排查与修复
java·开发语言
迅猛龙办公室8 小时前
Python输出当前计算机的系统日期和时间
开发语言·前端·python
杨丰玮4188 小时前
C语言基础知识(一)————各类符号的含义与输入输出库(stdio)
c语言·开发语言
程序猿编码8 小时前
工业视觉多任务方案:可编程梯度信息视觉框架,训练评估 + C++ 部署完整实战
开发语言·c++·视觉·推理引擎
言乐69 小时前
Python实现语音审核模型
开发语言·python·django·virtualenv·pygame