axios基本用法-526互联

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

安装Axios：使用npm或yarn安装Axios：
```
npm install axios
// 或
yarn add axios
```

在项目中引入Axios：

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

发送GET请求：

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

发送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);
  });

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

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

设置请求头：

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);
  });

处理响应拦截器：

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

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