@yyx219/uni-request
v1.0.0
Published
使用 UniRequest 进行网络请求的步骤如下: 在需要的地方引入 uniRequest.js 文件。 ```javascript import UniRequest from 'uniRequest.js' ``` 实例化 UniRequest,传入配置参数。 ```javascript const request = new UniRequest({ baseURL: 'http://api.example.com', header: { 'token': 'abc123' }
Downloads
5
Readme
使用 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 连接关闭')
})