封装 vue axios 方法。通过引入 api/模块.js 调用方法与后台对接口，实现页面的渲染
import axios from 'axios'
import store from '@/store/index'
import Vue from 'vue'
import { Toast } from 'vant';
Vue.use(Toast);
const service = axios.create({
baseURL: '', // api 的 base_url process.env.BASE_API
timeout: 13000 // request timeout
})
//请求的拦截
service.interceptors.request.use(
config => {
if (store.state.token) {
config.headers['token'] = store.state.token
} else {
config.headers['token'] = ''
}
return config
},
)
service.interceptors.response.use(
response => {
let path=window.location.href.split('#')[1];
localStorage.setItem('path',path);
if(response.data.wx_login){
//重新token存储信息
localStorage.setItem('token', response.data.wx_login.token)
store.commit('setToken', response.data.wx_login.token);
//存储userInfo信息
localStorage.setItem('userInfo',JSON.stringify( response.data.wx_login.data));
if(response.data.errcode != '1000'){
Toast(response.data.errmsg);
}
return response.data
}
else if (response.data.errcode == '1000') {
//重新赋值token
if (response.data.data) {
localStorage.setItem('token', response.data.data.token)
store.commit('setToken', response.data.data.token);
} else {
localStorage.setItem('token', '');
store.commit('setToken', '');
}
return response.data
} else if (response.data.errcode == '-1005') { //重新登录
localStorage.setItem('token', '');
localStorage.setItem('userInfo', '');
// store.commit('setToken', '');
location.href = '#/sign'
return response.data
} else {
Toast(response.data.errmsg)
return response.data
}
}
)
export default service