mpvue 封装请求数据

mpvue 是一个基于 Vue.js 的小程序开发框架，它提供了一些封装好的 API 来方便我们进行网络请求。下面是一个简单的封装请求数据的示例：

1. 创建一个 util/request.js 文件，用于封装网络请求的相关逻辑。

import axios from 'axios';

const request = axios.create({
  baseURL: 'https://api.example.com', // 设置请求的基础URL
  timeout: 5000 // 设置请求超时时间
});

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 在请求发送之前可以做一些处理，比如添加 token 头部
    // config.headers['Authorization'] = 'Bearer ' + getToken();
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 响应拦截器
request.interceptors.response.use(
  response => {
    // 在响应数据之前可以做一些处理，比如根据状态码判断请求是否成功
    return response.data;
  },
  error => {
    return Promise.reject(error);
  }
);

export default request;

2. 在需要发送网络请求的地方引入并使用封装好的 request 对象。

import request from '@/util/request';

export function fetchData() {
  return request.get('/data');
}

export function postData(data) {
  return request.post('/data', data);
}

这样就完成了一个简单的封装，可以通过调用 `fetchData()` 和 `postData()` 方法来发送 GET 和 POST 请求。当然，你可以根据自己的需求进行进一步的封装和定制。