vue2项目中全局封装axios问题

对于Vue2项目中全局封装Axios的问题，可以采用以下步骤：

1. 安装axios

在项目中使用npm安装axios：

npm install axios -S

1. 创建Axios实例

在项目的src目录下创建一个名为axios.js的文件，在该文件中进行Axios实例的创建：

import axios from 'axios'

const service = axios.create({
  baseURL: process.env.BASE_API, // api 的 base_url
  timeout: 5000 // request timeout
})

export default service

在该示例中，我们可以在创建Axios实例时设置一些公用的参数，如baseURL、timeout等。这样我们便可以在项目的任何位置直接使用该Axios实例，即可拥有相同的请求参数。

1. 集成到Vue实例中

在Vue项目中，我们可以把该Axios实例放置在Vue实例的原型中，使得在任何组件中都可以通过this.$http直接使用该实例发起请求。

在项目的main.js文件中引入axios.js，并将其集成到Vue实例的原型中：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import http from './axios'

Vue.config.productionTip = false

Vue.prototype.$http=http // 集成到Vue实例原型中

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

之后，我们就可以在任何组件中直接使用this.$http来调用Axios实例的方法。

比如，在一个Vue组件中直接使用Axios实例发起get请求：

export default {
  created() {
    this.$http.get('/api/data').then(res => {
      console.log(res)
    }).catch(err => {
      console.log(err)
    })
  }
}

除了get请求之外，我们还可以在组件中使用post、put、delete等方法。

综上所述，通过以上步骤，便可以在Vue2项目中全局封装Axios，使得在任何组件中均可直接使用该实例，大大提高了代码的复用性和管理性。