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

相关推荐
console.log('npc')2 分钟前
vue2中子组件父组件的修改参数
开发语言·前端·javascript
Van_captain9 分钟前
rn_for_openharmony常用组件_Chip纸片
javascript·开源·harmonyos
奋斗吧程序媛21 分钟前
vue3 Study(1)
前端·javascript·vue.js
@Autowire23 分钟前
Layout-position
前端·css
QQ129584550425 分钟前
ThingsBoard - APP首页修改为手工选择组织
前端·javascript·物联网·iot
whyfail26 分钟前
前端数据存储新选择:IndexedDB与Dexie.js技术指南
前端·javascript·数据库
椰果uu27 分钟前
vue-virtual-scroller-虚拟滚动列表:渲染不定高度长列表+可控跳转
前端·javascript·typescript·vue
Kagol34 分钟前
深入浅出 TinyEditor 富文本编辑器系列之一:TinyEditor 是什么
前端·typescript·开源
空城雀38 分钟前
python精通连续剧第一集:简单计算器
服务器·前端·python
超绝大帅哥1 小时前
为什么回调函数不是一种好的异步编程方式
javascript