Axios HTTP库基础教程:从安装到GET与POST请求的实现

axios使用方法

  1. 官网:Axios中文文档 | Axios中文网
  2. Axios是一个基于Promise的HTTP库,可以用在浏览器和nodejs中

axios安装

  1. 使用npm/cnpm安装

    npm install axios

  2. 使用cdn进行外部引入

    <script src=""></script>

axios使用

  1. 请求方式

    axios.request(config)
    axios.get(url[, config])
    axios.delete(url[, config])
    axios.head(url[, config])
    axios.options(url[, config])
    axios.post(url[, data[, config]])
    axios.put(url[, data[, config]])
    axios.patch(url[, data[, config]])

    //以上方法我们使用最多还是post get

  2. get格式

    axios.get("url", {
    params: {
    参数名1: 参数值1,
    参数名2: 参数值2,
    ...
    }
    }).then(res=> {
    res是后台返回的接口数据
    }).catch(err=> {
    错误捕获
    })

  3. post格式

    axios.post('url', {
    参数名1: 参数值1,
    参数名2: 参数值2,
    ...
    }).then(res=> {
    res是后台返回的接口数据
    }).catch(err=> {
    错误捕获
    })

相关推荐
hh随便起个名41 分钟前
力扣二叉树的三种遍历
javascript·数据结构·算法·leetcode
我是小路路呀1 小时前
element级联选择器:已选中一个二级节点,随后又点击了一个一级节点(仅浏览,未确认选择),此时下拉框失去焦点并关闭
javascript·vue.js·elementui
程序员爱钓鱼1 小时前
Node.js 编程实战:文件读写操作
前端·后端·node.js
PineappleCoder2 小时前
工程化必备!SVG 雪碧图的最佳实践:ID 引用 + 缓存友好,无需手动算坐标
前端·性能优化
JIngJaneIL2 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
敲敲了个代码2 小时前
隐式类型转换:哈基米 == 猫 ? true :false
开发语言·前端·javascript·学习·面试·web
澄江静如练_2 小时前
列表渲染(v-for)
前端·javascript·vue.js
JustHappy3 小时前
「chrome extensions🛠️」我写了一个超级简单的浏览器插件Vue开发模板
前端·javascript·github
Loo国昌3 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构