// 引入axios以及element ui中的loading和message组件
import axios from ‘axios‘
import { Loading, Message } from ‘element-ui‘
// 超时时间
axios.defaults.timeout = 5000
// http请求拦截器
varloadinginstace
axios.interceptors.request.use(config => {
// element ui Loading方法
loadinginstace = Loading.service({ fullscreen: true})
returnconfig
}, error => {
loadinginstace.close()
Message.error({
message: ‘加载超时‘
})
returnPromise.reject(error)
})
// http响应拦截器
axios.interceptors.response.use(data => {// 响应成功关闭loading
loadinginstace.close()
returndata
}, error => {
loadinginstace.close()
Message.error({
message: ‘加载失败‘
})
returnPromise.reject(error)
})
export defaultaxios
设置登陆拦截
import Vue from ‘vue‘
import Router from ‘vue-router‘
Vue.use(Router)
const router = newRouter({
routes: [
{
path: ‘/‘,
/*
* 按需加载
*/
component: (resolve) => {
require([‘../components/Home‘], resolve)
}
}, {
path: ‘/record‘,
name: ‘record‘,
component: (resolve) => {
require([‘../components/Record‘], resolve)
}
}, {
path: ‘/Register‘,
name: ‘Register‘,
component: (resolve) => {
require([‘../components/Register‘], resolve)
}
}, {
path: ‘/Luck‘,
name: ‘Luck‘,
// 需要登录才能进入的页面可以增加一个meta属性
meta: {
requireAuth: true
},
component: (resolve) => {
require([‘../components/luck28/Luck‘], resolve)
}
}
]
})
// 判断是否需要登录权限 以及是否登录
router.beforeEach((to, from, next) => {
if(to.matched.some(res => res.meta.requireAuth)) {// 判断是否需要登录权限
if(localStorage.getItem(‘username‘)) {// 判断是否登录
next()
} else{// 没登录则跳转到登录界面
next({
path: ‘/Register‘,
query: {redirect: to.fullPath}
})
}
} else{
next()
}
})
export defaultrouter