移动端axios封装

移动端中使用axios进行网络请求的封装可以提高开发效率和代码重用性，下面是一个简单的示例：

首先，安装axios依赖：

npm install axios

然后，在项目中创建一个api.js文件，用于封装所有的网络请求接口。在api.js文件中，可以定义一些公共配置，比如请求的基础URL、请求超时时间等。

import axios from 'axios';

// 创建一个axios实例
const instance = axios.create({
  baseURL: 'http://your-api-url.com', // 设置请求的基础URL
  timeout: 5000, // 请求超时时间（单位：毫秒）
});

// 请求拦截器
instance.interceptors.request.use(
  function(config) {
    // 在发送请求之前做一些处理，比如添加token等
    return config;
  },
  function(error) {
    // 处理请求错误
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  function(response) {
    // 对响应数据做一些处理，比如统一处理错误码等
    return response.data;
  },
  function(error) {
    // 处理响应错误
    return Promise.reject(error);  }
);

export default instance;

在主文件中，可以通过引入api.js文件，并使用封装的axios实例来发送请求。

例如，在某个组件中发送GET请求：

import api from './api.js';

api.get('/user')
  .then(res => {
    console.log(res);
  })
  .catch(error => {
    console.error(error);
  });

通过这种封装方式，可以实现统一的请求处理和错误处理，方便管理和维护。根据具体项目需求，还可以扩展其他功能，比如添加请求头、请求参数的处理等。