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=> {
    错误捕获
    })

相关推荐
苏一恒6 分钟前
MP4 在 <video> 里,必须全量下载才能起播吗?—— moov、Range 与被误解的 FastStart
前端
Java小卷14 分钟前
低代码并没有过时!可拖拽表单设计器布局思路
前端·低代码
idcu16 分钟前
深入 Lyt.js 响应式系统:Proxy + Signal 双模式
前端
idcu17 分钟前
Vapor Mode 揭秘:无虚拟 DOM 的极致性能
前端
idcu19 分钟前
从 Vue 3 到 Lyt.js:无痛迁移指南
前端
尘世壹俗人20 分钟前
如何检查服务器上消耗资源的程序是那个
服务器·前端·chrome
LIO26 分钟前
Vue Router 进阶:深入用法与最佳实践
前端·vue-router
Hilaku35 分钟前
做了 6 年前端,技术不差却拿不到 Offer?
前端·javascript·程序员
古茗前端团队36 分钟前
钉钉小程序蓝牙打印探索与实践
前端·蓝牙
LIO42 分钟前
一文看懂 Vue Router:精简、易懂、直接用
前端·vue-router