Vue-cli中对axios进行全局配置

首先在main.js入口文件中进行配置

// 导入axios包
import axios from 'axios'

// 把axios包挂载到vue的原型对象上,这样每个vue组件都可以通过this直接访问到$http,从而发起ajax请求
Vue.prototype.$http = axios

这样每一个vue组件都可以通过this直接访问到$http,从而去发起ajax请求
这样基本的就配置好了，可以在每一个组件中使用了
比如

this.$http.post('login', this.loginForm)

另外我们还可以进行一些配置，比如设置请求的根路径：

// 导入axios包
import axios from 'axios'
// 配置请求的根路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'
// 配置axios请求***，为每次API请求挂载Authorization请求头，这样有权限的API就可以正常调用成功了
// config就是请求对象
axios.interceptors.request.use(config => {
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在最后必须return config
  return config
})
// 把axios包挂载到vue的原型对象上,这样每个vue组件都可以通过this直接访问到$http,从而发起ajax请求
Vue.prototype.$http = axios