Vue 请求/响应 拦截器

作用：统一配置请求和处理错误信息

安装和使用axios就不用说了，可以看下面文章
vue安装使用axios

直接在 配置/引入 axios 的地方，加入如下代码：

一般情况下我是单独将下列代码放在一个配置文件，然后在需要引入的地方引入这个配置文件

需要引入配置文件的情况：

import axios from 'axios'
import './api/config'

配置文件代码：(文件名：config.js)

import axios from 'axios';
 
// 配置默认的host
axios.defaults.baseURL = 'http://www.test.com';
 
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
	// 在发送请求之前要做的处理
    return config;
}, function (error) {
	// 对请求错误情况的处理
	return Promise.reject(error);
});
 
// 添加响应拦截器
axios.interceptors.response.use(function (res) {
    // 对响应数据的处理
    return res;
}, function (error) {
    // 对响应错误情况的处理
    return Promise.reject(error);
});