vue 项目api 封装 + 全局拦截处理 + 全局参数处理 + 处理ie缓存

import axios from 'axios';
import qs from 'qs';
import Vue from 'vue';
import Element from 'element-ui';
import stroage from '~/plugins/utils/localstroage';
Vue.use(Element);
// let baseURL = ;
// if (process.server) {
// baseURL =http://${process.env.HOST || ‘localhost’}:${process.env.PORT || 3000}` + ‘/api’;
// }
var instance = axios.create({
baseURL: ‘/api’,
timeout: 20000,
headers: {
‘Content-Type’: ‘application/x-www-form-urlencoded’
// ‘Access-Control-Allow-Origin’: ‘*’
}
});

instance.baseURL = ‘/api’;

let goLogin = (data) => {
// let router = new Router();
// router.push({name: ‘login’});
var loginType = localStorage.getItem(‘loginType’);
setTimeout(() => {
if (loginType === ‘admin’) {
location.href = ‘/adminLogin’;
}
if (loginType === ‘index’) {
location.href = ‘/’;
}
}, 10000);
Vue.prototype.$alert(data.msg, ‘错误’, {
showConfirmButton: true,
confirmButtonText: ‘重新登录’,
callback: action => {
if (loginType === ‘admin’) {
setTimeout(location.href = ‘/adminLogin’, 1000);
}
if (loginType === ‘index’) {
setTimeout(location.href = ‘/’, 1000);
}
}
});
};
// 添加一个请求拦截器
instance.interceptors.request.use(function (config) {
// Do something before request is sent
// 处理ie缓存 + 全局参数
if (config.params) {
config.params.years = stroage.getStore(‘JDtime’);
config.params.T = new Date().getTime();
} else {
config.params = {‘years’: stroage.getStore(‘JDtime’), ‘T’: new Date().getTime()};
}
return config;
}, function (error) {
// Do something with request error
return Promise.reject(error);
});

// 添加一个响应拦截器
//全局拦截处理
instance.interceptors.response.use(function (res) {
if (res.data && res.data.status === 401) {
goLogin(res.data);
}

if (res && res.data && res.data.status !== 200) {
// console.log(e.data);
res.data.data = {
};
}
return res;
}, function (error) {
// Do something with response error
return Promise.reject(error);
});

let api = {};

api.request = function () {
var isPost = arguments[0];
var method = arguments[1];
var url = arguments[2];
var data = arguments[3];
var config = {
method,
url,
responseType: ‘json’
};
config[isPost ? ‘data’ : ‘params’] = isPost ? qs.stringify(data) : data;
return new Promise(function (resolve, reject) {
instance.request(config).then(result => {
resolve(result.data);
}).catch(result => {
reject(result.response.data);
});
});
};

let likeGet = [‘delete’, ‘get’, ‘head’, ‘options’];

let likePost = [‘post’, ‘put’, ‘patch’];
likeGet.forEach(method => {
api[method] = function () {
return api.request(false, method, …arguments);
};
});

likePost.forEach(method => {
api[method] = function () {
return api.request(true, method, …arguments);
};
});

export default api;
`