Vue Axios请求拦截器、响应拦截器设置

Axios的请求拦截器和响应拦截器

1 请求拦截器

• 作用
  • 在发送请求之前进行一些操作。如在请求体中使用Authorization字段提供token令牌。

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

axios.defaults.baseURL = 'http://127.0.0.1:9000/api/private/v1/'
// 请求拦截器
axios.interceptors.request.use((config) => {
    // config里面携带token
    config.headers = {
        Authorization: window.sessionStorage.getItem('token') || '',
        'content-type': 'application/json'
    }
    return config
},(error)=>{
    return Promise.reject(error);
})
Vue.prototype.$http = axios

2 响应拦截器

• 作用
  • 在接收到响应数据后进行一些操作。如重新登陆。

axios.interceptors.response.use((response) => {
	//...
    return config
},(error)=>{
    return Promise.reject(error);
})