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

相关推荐
抱琴_7 分钟前
大屏性能优化终极方案:请求合并+智能缓存双剑合璧
前端·javascript
用户463989754327 分钟前
Harmony os——长时任务(Continuous Task,ArkTS)
前端
fruge8 分钟前
低版本浏览器兼容方案:IE11 适配 ES6 语法与 CSS 新特性
前端·css·es6
颜酱26 分钟前
开发工具链-构建、测试、代码质量校验常用包的比较
前端·javascript·node.js
mCell42 分钟前
[NOTE] JavaScript 中的稀疏数组、空槽和访问
javascript·面试·v8
柒儿吖1 小时前
Electron for 鸿蒙PC - Native模块Mock与降级策略
javascript·electron·harmonyos
颜酱1 小时前
package.json 配置指南
前端·javascript·node.js
todoitbo1 小时前
基于 DevUI MateChat 搭建前端编程学习智能助手:从痛点到解决方案
前端·学习·ai·状态模式·devui·matechat
oden1 小时前
SEO听不懂?看完这篇你明天就能优化网站了
前端
IT_陈寒1 小时前
React性能优化:这5个Hooks技巧让我减少了40%的重新渲染
前端·人工智能·后端