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

相关推荐
aaPIXa6221 分钟前
C++模板元编程:在编译期完成计算,实现零运行时开销
java·开发语言·c++
云浪11 分钟前
拆开 WAV,看见声音——JavaScript 二进制数组实战全解析
前端·javascript·ecmascript 6
想你依然心痛22 分钟前
嵌入式日志系统:分级日志、环形缓冲区与远程输出——运行时调试、非侵入
android·前端·javascript
夜郎king24 分钟前
RuoYi-Vue3 企业级后台快速落地实战指南
java·开发语言
这是个栗子36 分钟前
【Vue代码分析】 import.meta.env.DEV:现代前端工程中的环境变量
前端·javascript·vue.js·环境变量
像牛奶却不是牛奶41 分钟前
记录几个前端实用小函数
前端·javascript
江华森1 小时前
exp01_Python_数据类型
开发语言·python
希冀1231 小时前
【JavaScript】Javascript—JS进阶—Day03
开发语言·javascript·原型模式
gugucoding1 小时前
28. 【C语言】通用数据操作:`void *` 与类型无关编程
c语言·开发语言
曹牧1 小时前
XML 解析过程中遇到 `org.xml.sax.SAXParseException
java·开发语言