vue项目中封装axios

在Vue项目中封装axios的方法如下[^1][^2]：

1. 首先，需要在项目中引入axios和路由：

import axios from 'axios'
import router from '../router/index'

2. 接下来，定义一个新的axios实例：

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

3. 然后，可以对axios实例进行一些全局配置，例如请求拦截、响应拦截等：

// 请求拦截器
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)
  }
)

4. 最后，可以将封装好的axios实例导出，以便在项目中使用：

export default instance

这样，你就可以在Vue项目中使用封装好的axios进行网络请求了。