// 引入axios以及element ui中的loading和message组件import axios from ‘axios‘import { Loading, Message } from ‘element-ui‘// 超时时间axios.defaults.timeout = 5000// http请求拦截器var loadinginstaceaxios.interceptors.request.use(config => { // element ui Loading方法 loadinginstace = Loading.service({ fullscreen: true }) return config}, error => { loadinginstace.close() Message.error({ message: ‘加载超时‘ }) return Promise.reject(error)})// http响应拦截器axios.interceptors.response.use(data => {// 响应成功关闭loading loadinginstace.close() return data}, error => { loadinginstace.close() Message.error({ message: ‘加载失败‘ }) return Promise.reject(error)})export default axiosimport Vue from ‘vue‘import Router from ‘vue-router‘Vue.use(Router)const router = new Router({ 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 default router原文：https://www.cnblogs.com/duanzhange/p/9325806.html