axios怎么在页面调用

axios是一个流行的基于Promise的HTTP库，常用于JavaScript前端开发中与后端API交互。要在页面上使用axios发起HTTP请求，首先需要安装它。如果你使用的是npm，可以在命令行运行`npm install axios`。

以下是axios的基本用法示例：

// 引入axios库
import axios from 'axios';

// 创建axios实例，可以设置默认配置
const instance = axios.create({
  baseURL: 'https://api.example.com', // API的基础URL
  timeout: 5000, // 请求超时时间
  headers: {'X-Custom-Header': 'foobar'}, // 自定义请求头
});

// 发送GET请求
instance.get('/users')
  .then(response => {
    console.log(response.data); // 打印响应数据
  })
  .catch(error => {
    console.error('Error:', error);
  });

// 或者你可以直接在函数内部使用
function fetchData() {
  axios.get('/users')
    .then(response => {
      // 处理成功返回的数据
    })
    .catch(error => {
      // 处理错误
    });
}

// 调用fetchData()即可在页面上发起请求
fetchData();