uni-app 封装axios

在uni-app中封装axios，可以让你更方便地进行网络请求。axios是一个流行的基于Promise的HTTP客户端，可以在浏览器和Node.js中使用。

首先，你需要在uni-app项目中安装axios。在命令行中运行以下命令：

npm install axios

接下来，创建一个http.js文件，用于封装axios的配置和请求函数：

import axios from 'axios'

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

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么，比如添加token等
    return config
  },
  error => {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 对响应数据做些什么
    return response.data
  },
  error => {
    // 对响应错误做些什么
    return Promise.reject(error)
  }
)

export default instance

在上面的代码中，我们创建了一个axios实例，并设置了baseURL和timeout。然后，我们通过拦截器对请求进行处理，可以在请求发送前和响应返回后做一些额外的处理，比如添加token、处理错误等。

现在，你可以在项目的任何地方使用这个封装好的axios实例进行网络请求。例如：

import http from '@/utils/http'

http.get('/users')
  .then(data => {
    console.log(data)
  })
  .catch(err => {
    console.error(err)
  })

这样，你就可以在uni-app中使用封装好的axios进行网络请求了。当然，你还可以根据自己的需求对axios进行更多的配置和封装。希望对你有帮助！