[JavaScript知识库]axios在vue项目中的使用

基本使用

挂载到vue的原型对象上

import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$http = axios //将axios挂载到vue的原型对象上，
后续在.vue文件中可以用this.$http.get()发起请求

拦截器

import Vue from 'vue'
import axios from 'axios'

//请求拦截器，为请求配置Authorization字段
axios.interceptors.request.use(config => {
  config.headers.Authorization = window.sessionStorage.getItem('token')
  return config //一定要将配置对象return
})

//响应拦截器
axios.interceptors.response.use(config =>
  return config //一定要将配置对象return
})
Vue.prototype.$http = axios 

通过axios.create()创建实例