四时宝库

要使用axios在JavaScript中发出HTTP请求并获取数据，您需要先在项目中安装axios库。

您可以使用npm或yarn来安装axios或者在项目中直接引用axios的JS文件

以下是一个使用axios发送GET请求并获取数据的示例：

// 引入axios库
const axios = require('axios');

// ---------------------------
// GET请求
// 发送GET请求
axios.get('https://api.example.com/data')
  .then(response => {
    // 请求成功，获取数据
    const data = response.data;
    console.log(data);
  })
  .catch(error => {
    // 请求失败，处理错误
    console.error(error);
  });

// ---------------------------
// POST请求
// 1.准备要发送的数据
const data = {
  name: 'John',
  age: 25
};
// 2.发送POST请求
axios.post('https://api.example.com/data', data)
  .then(response => {
    // 请求成功，获取响应数据
    const responseData = response.data;
    console.log(responseData);
  })
  .catch(error => {
    // 请求失败，处理错误
    console.error(error);
  });

在这个示例中，我们首先使用require语句引入axios库。

然后，我们使用axios方法发送请求到指定的API端点（这里使用https://api.example.com/data作为示例）。

在.then回调函数中，我们可以访问响应对象response，并从中获取返回的数据response.data。

最后，我们使用console.log打印数据到控制台。

如果请求失败，我们可以在.catch回调函数中处理错误。

请注意，这只是一个基本的示例，您可以根据实际需求进行更多的配置和处理。

您可以设置请求头、传递参数、处理不同的HTTP方法等。

有关更多详细信息，请参阅axios的文档。