This commit is contained in:
parent
befb1dd8f9
commit
6678bce527
|
|
@ -1,249 +0,0 @@
|
|||
// HTTP API使用示例
|
||||
// 注意：鉴权配置已简化，只需要在 http/config/config.js 中配置不需要鉴权的接口即可
|
||||
|
||||
// 导入API模块
|
||||
import { petsApi, assistantApi, adoptionApi, profileApi, commonApi, addNoAuthApis, setEnvironment } from '@/http/index.js'
|
||||
|
||||
// 或者导入所有API
|
||||
// import api from '@/http/index.js'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
petsList: [],
|
||||
userInfo: {},
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 示例1：获取宠物列表（自动鉴权）
|
||||
async loadPets() {
|
||||
try {
|
||||
// 使用默认配置，自动根据接口判断是否需要鉴权
|
||||
const pets = await petsApi.getPetsList()
|
||||
this.petsList = pets
|
||||
} catch (error) {
|
||||
console.error('获取宠物列表失败:', error)
|
||||
}
|
||||
},
|
||||
|
||||
// 示例2：添加不需要鉴权的接口
|
||||
addCustomNoAuthApis() {
|
||||
// 如果有自定义的接口不需要鉴权，可以这样添加
|
||||
addNoAuthApis([
|
||||
'/custom/public-api',
|
||||
'/special/no-auth-endpoint'
|
||||
])
|
||||
},
|
||||
|
||||
// 示例3：切换环境
|
||||
switchEnvironment() {
|
||||
// 根据需要切换环境
|
||||
// #ifdef H5
|
||||
setEnvironment('development') // H5开发环境
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
setEnvironment('production') // 小程序生产环境
|
||||
// #endif
|
||||
|
||||
// 或者根据条件动态切换
|
||||
const isDev = process.env.NODE_ENV === 'development'
|
||||
setEnvironment(isDev ? 'development' : 'production')
|
||||
},
|
||||
|
||||
// 示例2：添加宠物
|
||||
async addNewPet() {
|
||||
try {
|
||||
const petData = {
|
||||
name: '小白',
|
||||
breed: '金毛',
|
||||
age: 2,
|
||||
gender: '公'
|
||||
}
|
||||
|
||||
const result = await petsApi.addPet(petData, {
|
||||
custom: {
|
||||
auth: true,
|
||||
loading: true,
|
||||
toast: true // 显示成功/失败提示
|
||||
}
|
||||
})
|
||||
|
||||
uni.showToast({
|
||||
title: '添加成功',
|
||||
icon: 'success'
|
||||
})
|
||||
|
||||
// 重新加载列表
|
||||
this.loadPets()
|
||||
} catch (error) {
|
||||
// 错误已在拦截器中处理，这里可以做额外处理
|
||||
console.error('添加宠物失败:', error)
|
||||
}
|
||||
},
|
||||
|
||||
// 示例3：AI助手对话
|
||||
async sendMessageToAI() {
|
||||
try {
|
||||
const messageData = {
|
||||
message: '我的猫咪最近不爱吃饭，怎么办？',
|
||||
petId: 123
|
||||
}
|
||||
|
||||
const response = await assistantApi.sendMessage(messageData, {
|
||||
custom: {
|
||||
auth: true,
|
||||
loading: true,
|
||||
loadingText: 'AI正在思考中...'
|
||||
}
|
||||
})
|
||||
|
||||
console.log('AI回复:', response.reply)
|
||||
} catch (error) {
|
||||
console.error('AI对话失败:', error)
|
||||
}
|
||||
},
|
||||
|
||||
// 示例4：用户登录
|
||||
async userLogin() {
|
||||
try {
|
||||
const loginData = {
|
||||
username: 'user@example.com',
|
||||
password: '123456'
|
||||
}
|
||||
|
||||
const result = await profileApi.userLogin(loginData, {
|
||||
custom: {
|
||||
auth: false, // 登录接口不需要token
|
||||
loading: true,
|
||||
loadingText: '正在登录...'
|
||||
}
|
||||
})
|
||||
|
||||
// 保存token和用户信息
|
||||
uni.setStorageSync('token', result.token)
|
||||
uni.setStorageSync('userInfo', result.userInfo)
|
||||
|
||||
uni.showToast({
|
||||
title: '登录成功',
|
||||
icon: 'success'
|
||||
})
|
||||
} catch (error) {
|
||||
console.error('登录失败:', error)
|
||||
}
|
||||
},
|
||||
|
||||
// 示例5：上传图片
|
||||
async uploadPetImage() {
|
||||
try {
|
||||
// 选择图片
|
||||
const chooseResult = await uni.chooseImage({
|
||||
count: 1,
|
||||
sizeType: ['compressed'],
|
||||
sourceType: ['album', 'camera']
|
||||
})
|
||||
|
||||
const imageData = {
|
||||
filePath: chooseResult.tempFilePaths[0],
|
||||
name: 'petImage',
|
||||
formData: {
|
||||
type: 'pet',
|
||||
petId: 123
|
||||
}
|
||||
}
|
||||
|
||||
const uploadResult = await commonApi.uploadImage(imageData, {
|
||||
custom: {
|
||||
auth: true,
|
||||
loading: true,
|
||||
loadingText: '正在上传图片...'
|
||||
}
|
||||
})
|
||||
|
||||
console.log('上传成功:', uploadResult.url)
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
})
|
||||
} catch (error) {
|
||||
console.error('上传失败:', error)
|
||||
}
|
||||
},
|
||||
|
||||
// 示例6：搜索领养宠物
|
||||
async searchAdoptionPets() {
|
||||
try {
|
||||
const searchParams = {
|
||||
keyword: '金毛',
|
||||
type: 'dog',
|
||||
age: '1-3',
|
||||
location: '北京'
|
||||
}
|
||||
|
||||
const pets = await adoptionApi.searchPets(searchParams, {
|
||||
custom: {
|
||||
auth: false, // 搜索不需要登录
|
||||
loading: true
|
||||
}
|
||||
})
|
||||
|
||||
console.log('搜索结果:', pets)
|
||||
} catch (error) {
|
||||
console.error('搜索失败:', error)
|
||||
}
|
||||
},
|
||||
|
||||
// 示例7：批量操作
|
||||
async batchOperations() {
|
||||
try {
|
||||
// 并发执行多个请求
|
||||
const [pets, userInfo, adoptionPets] = await Promise.all([
|
||||
petsApi.getPetsList(),
|
||||
profileApi.getUserInfo(),
|
||||
adoptionApi.getAdoptionPets()
|
||||
])
|
||||
|
||||
console.log('批量获取数据成功:', { pets, userInfo, adoptionPets })
|
||||
} catch (error) {
|
||||
console.error('批量操作失败:', error)
|
||||
}
|
||||
},
|
||||
|
||||
// 示例8：自定义错误处理
|
||||
async customErrorHandling() {
|
||||
try {
|
||||
const result = await petsApi.getPetsList({}, {
|
||||
custom: {
|
||||
auth: true,
|
||||
loading: true,
|
||||
toast: false, // 不显示默认错误提示
|
||||
catch: true // 允许catch捕获错误
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
// 自定义错误处理
|
||||
if (error.code === 401) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '登录已过期，请重新登录',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
uni.reLaunch({
|
||||
url: '/pages/login/login'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: error.message || '操作失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue