axios基本用法

Axios是一个流行的JavaScript库，用于进行HTTP请求。它可以在浏览器和Node.js环境中使用，提供了一种简单而强大的方式来与Web服务器进行通信，以下是Axios的基本用法示例：

1. 安装Axios： 使用npm或yarn安装Axios：

   npm install axios
   // 或
   yarn add axios
   

2. 在项目中引入Axios：

   const axios = require('axios'); // 在Node.js环境中
   // 或
   import axios from 'axios'; // 在浏览器或支持ES6模块的环境中
   

3. 发送GET请求：

   axios.get('https://api.example.com/data')
     .then(response => {
       console.log(response.data); // 从响应中获取数据
     })
     .catch(error => {
       console.error(error); // 处理错误
     });
   

4. 发送POST请求：

   const data = {
     username: 'john_doe',
     password: 'secret'
   };
   
   axios.post('https://api.example.com/login', data)
     .then(response => {
       console.log(response.data);
     })
     .catch(error => {
       console.error(error);
     });
   

5. 发送其他类型的请求（PUT、DELETE等）：

   axios.put('https://api.example.com/resource/123', updatedData)
     .then(response => {
       console.log(response.data);
     })
     .catch(error => {
       console.error(error);
     });
   

6. 设置请求头：

   axios.get('https://api.example.com/data', {
     headers: {
       'Authorization': 'Bearer <token>',
       'Content-Type': 'application/json',
     }
   })
     .then(response => {
       console.log(response.data);
     })
     .catch(error => {
       console.error(error);
     });
   

7. 处理响应拦截器：

   axios.interceptors.response.use(
     response => {
       // 对响应进行处理
       return response;
     },
     error => {
       // 处理错误
       return Promise.reject(error);
     }
   );
   

如需查看Axios的更多功能，如取消请求、并行请求、设置默认配置等。Axios的文档：https://axios-http.com/docs/intro