fix bugs
This commit is contained in:
302
utils/request.js
Normal file
302
utils/request.js
Normal file
@@ -0,0 +1,302 @@
|
||||
/**
|
||||
* HTTP请求封装
|
||||
* 基于uni.request进行二次封装
|
||||
*/
|
||||
|
||||
import config from '@/config/api.config.js'
|
||||
|
||||
class Request {
|
||||
constructor() {
|
||||
this.baseURL = config.baseURL
|
||||
this.timeout = config.timeout
|
||||
}
|
||||
|
||||
/**
|
||||
* 核心请求方法
|
||||
* @param {Object} options 请求配置
|
||||
* @returns {Promise}
|
||||
*/
|
||||
request(options) {
|
||||
// 显示loading
|
||||
if (options.loading !== false) {
|
||||
uni.showLoading({
|
||||
title: options.loadingText || '加载中...',
|
||||
mask: true
|
||||
})
|
||||
}
|
||||
|
||||
// 打印请求信息（仅POST请求）
|
||||
if (options.method === 'POST') {
|
||||
console.log('=== HTTP POST 请求 ===')
|
||||
console.log('URL:', this.baseURL + options.url)
|
||||
console.log('Method:', options.method)
|
||||
console.log('请求数据:', options.data)
|
||||
console.log('请求头:', this.getHeaders(options.header))
|
||||
}
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.request({
|
||||
url: this.baseURL + options.url,
|
||||
method: options.method || 'GET',
|
||||
data: options.data || {},
|
||||
header: this.getHeaders(options.header),
|
||||
timeout: options.timeout || this.timeout,
|
||||
success: (res) => {
|
||||
// 隐藏loading
|
||||
if (options.loading !== false) {
|
||||
uni.hideLoading()
|
||||
}
|
||||
|
||||
console.log('=== HTTP 响应 ===')
|
||||
console.log('状态码:', res.statusCode)
|
||||
console.log('响应数据:', res.data)
|
||||
|
||||
// 处理响应
|
||||
this.handleResponse(res, resolve, reject)
|
||||
},
|
||||
fail: (err) => {
|
||||
// 隐藏loading
|
||||
if (options.loading !== false) {
|
||||
uni.hideLoading()
|
||||
}
|
||||
|
||||
console.log('=== HTTP 请求失败 ===')
|
||||
console.log('错误信息:', err)
|
||||
|
||||
// 处理错误
|
||||
this.handleError(err, reject)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取请求头
|
||||
* @param {Object} customHeader 自定义请求头
|
||||
* @returns {Object}
|
||||
*/
|
||||
getHeaders(customHeader = {}) {
|
||||
// 获取token
|
||||
const token = uni.getStorageSync('token') || ''
|
||||
|
||||
return {
|
||||
'Content-Type': 'application/json',
|
||||
'Blade-Auth': token ? `Bearer ${token}` : '',
|
||||
...customHeader
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理响应数据
|
||||
* @param {Object} res 响应对象
|
||||
* @param {Function} resolve Promise resolve
|
||||
* @param {Function} reject Promise reject
|
||||
*/
|
||||
handleResponse(res, resolve, reject) {
|
||||
const data = res.data
|
||||
|
||||
// 判断HTTP状态码
|
||||
// 2xx 和 304 都是成功的状态码
|
||||
if (res.statusCode < 200 || (res.statusCode >= 300 && res.statusCode !== 304)) {
|
||||
this.showError('网络请求失败')
|
||||
reject({
|
||||
code: res.statusCode,
|
||||
message: '网络请求失败'
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
// 判断业务状态码
|
||||
if (data.code === 200 || data.success === true) {
|
||||
// 请求成功，返回数据
|
||||
resolve(data.data)
|
||||
} else {
|
||||
// 业务错误处理
|
||||
const errorMsg = data.msg || data.message || '请求失败'
|
||||
|
||||
// 特殊错误码处理
|
||||
if (data.code === 401 || data.code === 403) {
|
||||
// token过期或无权限
|
||||
this.handleTokenExpired()
|
||||
}
|
||||
|
||||
this.showError(errorMsg)
|
||||
reject({
|
||||
code: data.code,
|
||||
message: errorMsg,
|
||||
data: data.data
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理请求错误
|
||||
* @param {Object} err 错误对象
|
||||
* @param {Function} reject Promise reject
|
||||
*/
|
||||
handleError(err, reject) {
|
||||
console.error('请求失败:', err)
|
||||
console.error('请求URL:', this.baseURL)
|
||||
|
||||
let message = '网络请求失败'
|
||||
|
||||
if (err.errMsg) {
|
||||
if (err.errMsg.includes('timeout')) {
|
||||
message = '请求超时，请检查网络'
|
||||
} else if (err.errMsg.includes('fail')) {
|
||||
message = '网络连接失败，请检查服务器地址'
|
||||
}
|
||||
}
|
||||
|
||||
this.showError(message)
|
||||
reject({
|
||||
code: undefined,
|
||||
message: '请求失败',
|
||||
data: undefined,
|
||||
error: err,
|
||||
url: this.baseURL
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 显示错误提示
|
||||
* @param {String} message 错误信息
|
||||
*/
|
||||
showError(message) {
|
||||
uni.showToast({
|
||||
title: message,
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 处理token过期
|
||||
*/
|
||||
handleTokenExpired() {
|
||||
// 清除token
|
||||
uni.removeStorageSync('token')
|
||||
uni.removeStorageSync('userInfo')
|
||||
|
||||
// 提示用户
|
||||
uni.showToast({
|
||||
title: '登录已过期，请重新登录',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
})
|
||||
|
||||
// 跳转到登录页（如果有）
|
||||
setTimeout(() => {
|
||||
// uni.reLaunch({
|
||||
// url: '/pages/login/login'
|
||||
// })
|
||||
}, 2000)
|
||||
}
|
||||
|
||||
/**
|
||||
* GET请求
|
||||
* @param {String} url 请求地址
|
||||
* @param {Object} data 请求参数
|
||||
* @param {Object} options 额外配置
|
||||
* @returns {Promise}
|
||||
*/
|
||||
get(url, data = {}, options = {}) {
|
||||
return this.request({
|
||||
url,
|
||||
method: 'GET',
|
||||
data,
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* POST请求
|
||||
* @param {String} url 请求地址
|
||||
* @param {Object} data 请求参数
|
||||
* @param {Object} options 额外配置
|
||||
* @returns {Promise}
|
||||
*/
|
||||
post(url, data = {}, options = {}) {
|
||||
return this.request({
|
||||
url,
|
||||
method: 'POST',
|
||||
data,
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* PUT请求
|
||||
* @param {String} url 请求<E8AFB7><E6B182>址
|
||||
* @param {Object} data 请求参数
|
||||
* @param {Object} options 额外配置
|
||||
* @returns {Promise}
|
||||
*/
|
||||
put(url, data = {}, options = {}) {
|
||||
return this.request({
|
||||
url,
|
||||
method: 'PUT',
|
||||
data,
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* DELETE请求
|
||||
* @param {String} url 请求地址
|
||||
* @param {Object} data 请求参数
|
||||
* @param {Object} options 额外配置
|
||||
* @returns {Promise}
|
||||
*/
|
||||
delete(url, data = {}, options = {}) {
|
||||
return this.request({
|
||||
url,
|
||||
method: 'DELETE',
|
||||
data,
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 文件上传
|
||||
* @param {String} url 上传地址
|
||||
* @param {String} filePath 文件路径
|
||||
* @param {Object} formData 额外数据
|
||||
* @returns {Promise}
|
||||
*/
|
||||
upload(url, filePath, formData = {}) {
|
||||
uni.showLoading({
|
||||
title: '上传中...',
|
||||
mask: true
|
||||
})
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.uploadFile({
|
||||
url: this.baseURL + url,
|
||||
filePath,
|
||||
name: 'file',
|
||||
formData,
|
||||
header: this.getHeaders(),
|
||||
success: (res) => {
|
||||
uni.hideLoading()
|
||||
|
||||
const data = JSON.parse(res.data)
|
||||
if (data.code === 200) {
|
||||
resolve(data.data)
|
||||
} else {
|
||||
this.showError(data.msg || '上传失败')
|
||||
reject(data)
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
uni.hideLoading()
|
||||
this.showError('上传失败')
|
||||
reject(err)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 导出实例
|
||||
export default new Request()
|
||||
Reference in New Issue
Block a user