@yyx219/uni-request v1.0.0

使用 UniRequest 进行网络请求的步骤如下： 在需要的地方引入 uniRequest.js 文件。

import UniRequest from 'uniRequest.js'

实例化 UniRequest，传入配置参数。

const request = new UniRequest({
  baseURL: 'http://api.example.com',
  header: {
    'token': 'abc123'
  }
})

可以设置拦截器来处理请求和响应。

UniRequest.use({
  request: (config) => {
    // 请求拦截器
    // 可以在这里添加一些通用参数、headers 等等
    return Promise.resolve(config)
  },
  response: (res) => {
    // 响应拦截器
    // 可以在这里对响应数据进行处理、判断响应状态等等
    return Promise.resolve(res)
  }
})

使用请求方法来发送网络请求。

request.request({
  url: '/user',
  method: 'GET',
  data: {
    name: '张三',
    age: 20
  }
}).then(res => {
  console.log(res)
}).catch(error => {
  console.error(error)
})

使用上传文件方法来上传文件。

request.uploadFile({
  url: '/upload',
  filePath: 'xxx',
  name: 'file',
  formData: {
    type: 'image'
  }
}).then(res => {
  console.log(res)
}).catch(error => {
  console.error(error)
})

使用下载文件方法来下载文件。

request.downloadFile({
  url: '/download',
  filePath: 'xxx',
}).then(res => {
  console.log(res)
}).catch(error => {
  console.error(error)
})

使用 WebSocket 方法来创建 WebSocket 连接。

const socket = request.connectSocket({
  url: 'ws://localhost:8080'
})

监听 WebSocket 连接成功事件和 WebSocket 接收到消息事件。

request.onSocketOpen(() => {
  console.log('WebSocket 连接成功')
})

request.onSocketMessage(res => {
  console.log('WebSocket 接收到消息', res)
})

发送 WebSocket 消息。

request.sendSocketMessage({
  data: 'hello'
})

关闭 WebSocket 连接并监听 WebSocket 连接关闭事件。

request.closeSocket()

request.onSocketClose(() => {
  console.log('WebSocket 连接关闭')
})

完整示例代码：

import UniRequest from 'uniRequest.js'

const request = new UniRequest({
  baseURL: 'http://api.example.com',
  header: {
    'token': 'abc123'
  }
})

UniRequest.use({
  request: (config) => {
    // 请求拦截器
    // 可以在这里添加一些通用参数、headers 等等
    return Promise.resolve(config)
  },
  response: (res) => {
    // 响应拦截器
    // 可以在这里对响应数据进行处理、判断响应状态等等
    return Promise.resolve(res)
  }
})

request.request({
  url: '/user',
  method: 'GET',
  data: {
    name: '张三',
    age:
  }).then(res => {
      console.log(res)
}).catch(error => {
    console.error(error)
})

request.uploadFile({
    url: '/upload',
    filePath: 'xxx',
    name: 'file',
    formData: {
        type: 'image'
    }
}).then(res => {
    console.log(res)
}).catch(error => {
    console.error(error)
})

request.downloadFile({
    url: '/download',
    filePath: 'xxx',
}).then(res => {
    console.log(res)
}).catch(error => {
    console.error(error)
})

const socket = request.connectSocket({
    url: 'ws://localhost:8080'
})

request.onSocketOpen(() => {
    console.log('WebSocket 连接成功')
})

request.onSocketMessage(res => {
    console.log('WebSocket 接收到消息', res)
})

request.sendSocketMessage({
    data: 'hello'
})

request.closeSocket()

request.onSocketClose(() => {
    console.log('WebSocket 连接关闭')
})