uniapp请求如何封装

以下是一个示例，展示了如何在uniapp中封装请求：

1. 创建一个utils文件夹，并在其中创建一个request.js文件。

// request.js

// 导入uni.request方法
import uniRequest from 'uni-request';

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

// 请求拦截器
request.interceptors.request.use((config) => {
  // 在请求发送之前可以进行一些操作，例如添加请求头等
  config.header.Authorization = 'Bearer token123'; // 添加请求头
  return config;
}, (error) => {
  return Promise.reject(error);
});

// 响应拦截器
request.interceptors.response.use((response) => {
  // 在接收到响应数据之前可以进行一些操作，例如处理错误码等
  if (response.statusCode !== 200) {
    // 处理错误码
    uni.showToast({
      title: '请求失败',
      icon: 'none',
    });
  }
  return response.data;
}, (error) => {
  return Promise.reject(error);
});

// 导出封装后的请求方法
export default request;

2. 在需要发送请求的地方引入封装后的request.js文件，并使用封装的请求方法。

// 引入封装后的请求方法
import request from '@/utils/request';

// 发送请求
request({
  url: '/user/login',
  method: 'POST',
  data: {
    username: 'example',
    password: '123456',
  },
}).then((res) => {
  // 请求成功的处理逻辑
  console.log(res);
}).catch((error) => {
  // 请求失败的处理逻辑
  console.error(error);
});

这样，你就可以在uniapp中封装请求，并使用类似axios的方式进行请求了。