一文带你掌握axios 工具函数

概述

Axios 是一个基于 Promise 的 HTTP 请求库，可以用于浏览器和 Node.js。它非常方便、易用，而且具有很高的可定制性。本文将详细介绍 Axios 工具函数。

Axios 工具函数

Axios 中有许多工具函数，下面是其中一些常用的工具函数以及它们的用法：

axios.create

axios.create(config) 方法可以创建一个新的 Axios 实例，并且可以针对这个实例设置默认的配置参数。

示例：

import axios from 'axios'

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 1000
})

instance.get('/user')
  .then(response => console.log(response.data))

axios.request

axios.request(config) 方法是发送 HTTP 请求的最基本方法，它支持传入一个配置对象，来设置发起请求时的配置参数。

示例：

import axios from 'axios'

axios.request({
  method: 'post',
  url: '/user/login',
  data: {
    username: 'example',
    password: 'example123'
  }
}).then(response => {
  console.log(response.data)
})

axios.get

axios.get(url[, config]) 方法用于发送 GET 请求，并且可以传入一个配置对象来设置请求参数。

示例：

import axios from 'axios'

axios.get('/user', {
  params: {
    id: '123'
  }
}).then(response => {
  console.log(response.data)
})

axios.post

axios.post(url[, data[, config]]) 方法用于发送 POST 请求，并且可以传入一个数据对象来设置请求参数。

示例：

import axios from 'axios'

axios.post('/user/login', {
  username: 'example',
  password: 'example123'
}).then(response => {
  console.log(response.data)
})

axios.put

axios.put(url[, data[, config]]) 方法用于发送 PUT 请求，并且可以传入一个数据对象来设置请求参数。

示例：

import axios from 'axios'

axios.put('/user', {
  id: '123',
  username: 'example',
  password: 'example123'
}).then(response => {
  console.log(response.data)
})

axios.delete

axios.delete(url[, config]) 方法用于发送 DELETE 请求，并且可以传入一个配置对象来设置请求参数。

示例：

import axios from 'axios'

axios.delete('/user', {
  params: {
    id: '123'
  }
}).then(response => {
  console.log(response.data)
})

结论

本文介绍了 Axios 中常用的工具函数，并提供了相应的示例。掌握了这些工具函数后，我们就可以更加方便、灵活地使用 Axios 进行 HTTP 请求了。