uniapp封装axios

以下是uniapp封装axios的步骤：

1. 安装axios和qs

npm install axios qs --save

2. 在common文件夹下新建request.js文件，用于封装axios

import axios from 'axios'
import qs from 'qs'

// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // api的base_url
  timeout: 5000 // 请求超时时间
})

// request拦截器
service.interceptors.request.use(
  config => {
    // 如果有token，则添加到请求头
    if (localStorage.token) {
      config.headers.Authorization = localStorage.token
    }
    // 如果请求方式为post，则将数据格式化为表单格式
    if (config.method === 'post') {
      config.data = qs.stringify(config.data)
    }
    return config
  },
  error => {
    Promise.reject(error)
  }
)

// respone拦截器
service.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    return Promise.reject(error)
  }
)

export default service

3. 在需要使用axios的地方，引入request.js文件

import request from '@/common/request.js'

request({
  url: '/login',
  method: 'post',
  data: {
    username: 'admin',
    password: '123456'
  }
}).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
})

这样就完成了uniapp封装axios的过程。通过封装可以方便地在整个项目中使用axios，并且对axios进行了一定程度的封装，可以提高代码的复用性和可维护性。