Axios基础使用

一、Axios简介

Axios是一个基于Promise的HTTP客户端，用于浏览器和node.js。它提供了一套易于使用的API，使得发送HTTP请求和处理响应变得简单直观。Axios支持拦截请求和响应、取消请求、自动转换JSON数据、以及防止跨站请求伪造（XSRF）等功能。

二、如何使用Axios

应用方法如下：

$ npm install axios
$ cnpm install axios //taobao源
$ bower install axios
或者使用cdn(有网情况下较推荐)：
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

三、基本用法

1. 发送GET请求

const axios = require('axios');  
  
axios.get('url address')  
  .then(response => {  
    console.log(response.data);  
  })  
  .catch(error => {  
    console.error('Error fetching data:', error);  
  });

2. 发送POST请求

axios.post('url address', {  
    key1: 'value1',  
    key2: 'value2'  
  })  
  .then(response => {  
    console.log('Data posted:', response.data);  
  })  
  .catch(error => {  
    console.error('Error posting data:', error);  
  });

3. 配置请求

Axios允许你通过配置对象来定制请求。你可以设置URL、方法、头部信息、参数等。

const config = {  
  method: 'get',  
  url: 'url address',  
  params: {  
    param1: 'value1'  
  },  
  headers: {  
    'Authorization': 'Bearer YOUR_TOKEN'  
  }  
};  
  
axios(config)  
  .then(response => {  
    console.log(response.data);  
  })  
  .catch(error => {  
    console.error('Error:', error);  
  });

四、axiox请求方式汇总

axios(config)

axios.request(config)

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])