umi中封装axios

在UMI中使用axios进行封装可以按照以下步骤进行：

1. 首先，安装axios库。在终端中运行以下命令：

npm install axios

2. 在src目录下创建utils文件夹，并在其中创建一个api.js文件。这个文件将用于封装axios请求。

3. 在api.js文件中，引入axios库，并创建一个新的axios实例，同时设置一些默认配置。示例如下：

import axios from 'axios';

// 创建axios实例
const instance = axios.create({
  baseURL: 'https://api.example.com', // 设置基本URL
  timeout: 5000, // 请求超时时间
});

export default instance;

你可以根据需要修改基本URL和超时时间。

4. 接下来，在api.js文件中创建请求方法。你可以根据项目需求，创建GET、POST等请求方法。示例如下：

import request from './api';

// GET请求示例
export function getData(params) {
  return request.get('/data', { params });
}

// POST请求示例
export function postData(data) {
  return request.post('/data', data);
}

以上示例代码中，getData方法用于发送GET请求，postData方法用于发送POST请求。

5. 在应用的其他地方，比如页面组件中，你可以引入这些请求方法，并使用它们发送请求。示例如下：

import { getData } from '@/utils/api';

// 在生命周期或事件处理函数中使用请求方法
getData({ id: 1 })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

这样，你就成功封装了axios，并在UMI中使用它进行网络请求。请根据具体需求进行相应的调整和扩展。