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

相关推荐
Milk夜雨5 分钟前
Vue.js 入门教程:快速上手
前端·javascript·vue.js
noravinsc6 分钟前
vue md5加密
前端·javascript·vue.js
海的预约8 分钟前
VUE之参数传递
前端·javascript·vue.js
清风细雨_林木木10 分钟前
Element中为什么不使用prop重置无法生效
前端·javascript·vue.js
GIS小虫26 分钟前
mapbox js本地化部署
开发语言·javascript·ecmascript
NoneCoder1 小时前
JavaScript系列(37)-- Service Workers详解
开发语言·javascript·ecmascript
傻小胖1 小时前
react19新API之use()用法总结
前端·javascript·react.js
傻小胖1 小时前
React 19 新特性总结
前端·javascript·react.js
白嫖叫上我1 小时前
Element修改表格结构样式集合(后续实时更新)
前端·vue.js·elementui
maply3 小时前
基于 Colyseus 的实时消息处理与广播机制
前端·消息队列·node.js·colyseus