vue请求拦截案例

import axios from 'axios';
import {getToken} from '@/utils/token'
import { Message } from 'element-ui'

axios.defaults.baseURL = 'http://127.0.0.1:8080/api/';
//请求拦截器
axios.interceptors.request.use(function(config){
    //在发送请求前
    config.headers['token'] = getToken();
    return config;
},function(error){
    //请求错误
   return Promise.reject(error) 
});

//响应拦截器
axios.interceptors.response.use(function(response){
    //响应数据
    if(response.data.code !==20000){
        if(response.data.code==10001){
            Message({
                message: 'token不存在或已过期，请重新登录',
                type: 'warning',
                duration:2000
              });
        }else {
            Message({
                message: response.data.message,
                type: 'warning',
                duration:2000
              });
        }
        
    }
    return response;
},function(error){
    Message({
        message: error.message,
        type: 'error',
        duration:2000
      });
    //响应数据错误
   return Promise.reject(error) 
});

export default axios;   //直接返回axios;

import request from '@/utils/request'
//登录
export function login(data){
    // return request({
    //     method:'post',
    //     url:'user/login',
    //     data
    // })
    return request.post('user/login',data);
}