uniapp中axios二次封装

在uniapp中进行axios二次封装可以实现更方便和统一的网络请求管理。以下是一个可能的二次封装示例：
// 在项目中新建一个api.js文件，用于封装所有的网络请求接口
import axios from 'axios'

// 创建axios实例
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置请求的基础URL
timeout: 5000 // 设置请求超时时间
})

// 封装统一的请求方法
const request = (method, url, data) => {
return new Promise((resolve, reject) => {
instance.request({
method,
url,
data
}).then(response => {
resolve(response.data)
}).catch(error => {
reject(error)
})
})
}

// 封装具体的接口请求方法
export const getUserInfo = (userId) => {
return request('get', '/user/info', { userId })
}

export const updateUser = (userId, userInfo) => {
return request('post', '/user/update', { userId, userInfo })
}

// 在main.js中引入api.js，并挂载到Vue原型上
import Vue from 'vue'
import * as api from './api'

Vue.prototype.$api = api

// 在组件中使用
export default {
methods: {
getUserInfo () {
this.$api.getUserInfo(123).then(data => {
// 处理返回的用户信息
}).catch(error => {
// 处理错误
})
}
}
}
登录后复制
这样，你就可以在uniapp中使用封装后的axios进行网络请求。根据需要，你可以在api.js中继续封装其他的请求方法，实现更加简洁和可复用的代码。