axios详解

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

2.引用axios:在需要使用的页面中引用

import axios from 'axios'即可

get和post大同小异,一个是跟在url后面一个是跟在请求体里的

复制代码
axios({
      method:"post/get",
      url: "", // 接口
      params: {
        // 参数
        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){}):失败时返回的信息

相关推荐
熊猫钓鱼>_>8 分钟前
基于Trae/Whisper/FFmpeg与Knowledge Graph MCP技术开发语音生成会议纪要智能应用
开发语言·人工智能·python·深度学习·ffmpeg·whisper·trae
咖啡の猫12 分钟前
TypeScript编译选项
前端·javascript·typescript
找方案15 分钟前
hello-agents 学习笔记:解锁智能体三大经典范式,从原理到实战
javascript·笔记·学习·hello-agents
七夜zippoe15 分钟前
Python迭代器与生成器深度解析:从原理到协程应用实战
开发语言·python
想学后端的前端工程师17 分钟前
【Vue3响应式原理深度解析:从Proxy到依赖收集】
前端·javascript·vue.js
葡萄城技术团队24 分钟前
在 Java 中优化 MySQL 查询以提升性能
java·开发语言·mysql
Rhys..26 分钟前
js-箭头函数
开发语言·javascript·ecmascript
爱学习的梵高先生27 分钟前
C++:友元
开发语言·c++
资深低代码开发平台专家29 分钟前
厌倦JavaScript 框架桎梏?Still.js:用原生之力,解遗留系统之困
开发语言·javascript·ecmascript
纟 冬32 分钟前
Flutter & OpenHarmony 运动App运动目标设定组件开发
开发语言·javascript·flutter