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

相关推荐
m0_748233643 分钟前
RabbitMQ 进阶
android·前端·后端
不想有bug的小菜鸟12 分钟前
vue3使用iframe全屏展示pdf效果
前端·pdf
m0_7482386312 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
u01005596013 分钟前
前端代理,解决跨域问题讲解
前端
quitv18 分钟前
react脚手架配置别名
前端·javascript·react.js
m0_5287238127 分钟前
前端如何进行性能优化
前端·性能优化
化作繁星28 分钟前
在 Vue 3 中,如何缓存和复用动态组件
前端·vue.js·缓存
一粒沙-1 小时前
iOS 将GIF图分享至微信
前端·ios
graywen1 小时前
从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
前端
一只小姜丝3321 小时前
解决各大浏览器中http地址无权限调用麦克风摄像头问题
网络·vue.js·网络协议·http