uniapp中的uni.request跟拦截器怎么使用

在Uni-app中，可以使用`uni.request`方法发送网络请求，并结合拦截器来实现请求的拦截和处理。下面是一个示例：

1. 在`main.js`文件中引入`uni.request`方法：

import { uniRequest } from '@/utils/request'

Vue.prototype.$http = uniRequest

2. 在`utils/request.js`文件中定义`uniRequest`方法，并配置请求拦截器和响应拦截器：

const uniRequest = (options) => {
  // 请求拦截器
  uni.request.interceptors.before = (options) => {
    // 在发送请求之前可以对请求参数进行处理
    console.log('请求拦截器 - 请求参数:', options)
    return options
  }

  // 响应拦截器
  uni.request.interceptors.after = (response) => {
    // 在接收到响应数据之后可以对数据进行处理
    console.log('响应拦截器 - 响应数据:', response)
    return response
  }

  return uni.request(options)
}

export {
  uniRequest
}

3. 在页面中使用`uniRequest`方法发起请求：

this.$http({
  url: 'https://api.example.com',
  method: 'GET',
  data: {
    // 请求参数
  },
  success: (res) => {
    // 请求成功回调
    console.log('请求成功:', res)
  },
  fail: (err) => {
    // 请求失败回调
    console.log('请求失败:', err)
  }
})

在示例中，通过`this.$http`调用`uniRequest`方法发送请求，请求拦截器会在发送请求之前打印请求参数，响应拦截器会在接收到响应数据之后打印响应数据。你可以根据自己的需求在拦截器中对请求和响应进行处理。