vue中怎么封装使用axios

在Vue中，可以通过以下步骤来封装和使用axios：

1. 在你的项目中，首先需要安装axios。可以使用以下命令进行安装：

npm install axios --save

2. 在需要使用axios的地方，引入axios：

import axios from 'axios'

3. 创建一个axios实例，并进行一些配置，例如设置请求的baseURL、设置请求头等：

const instance = axios.create({
  baseURL: 'http://api.example.com', // 设置请求的baseURL
  timeout: 5000, // 设置请求超时时间
  headers: { 'Content-Type': 'application/json' } // 设置请求头
})

4. 封装axios的请求方法，例如get、post等。可以根据需要进行封装，例如封装一个get请求的方法：

export const get = (url, params) => {
  return instance.get(url, { params })
    .then(response => response.data)
    .catch(error => {
      console.error('axios get error:', error)
      throw error
    })
}

5. 在Vue中使用封装好的axios方法。可以在组件内部通过this.$axios来调用：

this.$axios.get('/api/users')
  .then(response => {
    console.log('response:', response)
  })
  .catch(error => {
    console.error('error:', error)
  })