16 changed files with 241 additions and 408 deletions
@ -1,90 +0,0 @@ |
|||||
import router from './router' |
|
||||
import store from './store' |
|
||||
import { |
|
||||
Message |
|
||||
} from 'element-ui' |
|
||||
import NProgress from 'nprogress' // progress bar
|
|
||||
import 'nprogress/nprogress.css' // progress bar style
|
|
||||
import { |
|
||||
getToken |
|
||||
} from '@/utils/auth' // get token from cookie
|
|
||||
import getPageTitle from '@/utils/get-page-title' |
|
||||
import { |
|
||||
asyncRoutes |
|
||||
} from '@/router' |
|
||||
|
|
||||
NProgress.configure({ |
|
||||
showSpinner: false |
|
||||
}) // NProgress Configuration
|
|
||||
|
|
||||
const whiteList = ['/login', '/auth-redirect', '/testForm'] // no redirect whitelist
|
|
||||
|
|
||||
router.beforeEach(async (to, from, next) => { |
|
||||
// 添加路由信息，方便代码修改定位
|
|
||||
// console.log('----------------' + to.meta.title + '-----------------------'+ to.fullPath.substring(to.fullPath.lastIndexOf('-')+1,to.fullPath.length) + '.vue' );
|
|
||||
// start progress bar
|
|
||||
NProgress.start() |
|
||||
|
|
||||
// set page title
|
|
||||
document.title = getPageTitle() |
|
||||
next() |
|
||||
// determine whether the user has logged in
|
|
||||
// todo-new:等获取token接口恢复后做处理
|
|
||||
const hasRoles =await store.getters.roles && await store.getters.roles.length > 0 |
|
||||
if (hasRoles) { |
|
||||
next() |
|
||||
} else { |
|
||||
try { |
|
||||
// get user info
|
|
||||
// note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
|
|
||||
|
|
||||
// 如果缓存中没有 interfaceBoardColumnsNames(接口监控看板表头信息) 的缓存数据 则退出登录
|
|
||||
let _interfaceBoardColumnsNames = localStorage.getItem("interfaceBoardColumnsNames") |
|
||||
if(!_interfaceBoardColumnsNames || _interfaceBoardColumnsNames == 'undefined' || _interfaceBoardColumnsNames == 'null'){ |
|
||||
await store.dispatch('user/logout') |
|
||||
next(`/login?redirect=${to.path}`) |
|
||||
NProgress.done() |
|
||||
} |
|
||||
|
|
||||
const { |
|
||||
roles |
|
||||
} = await store.dispatch('user/getInfo') |
|
||||
// generate accessible routes map based on roles
|
|
||||
|
|
||||
// const accessRoutes = await store.dispatch('permission/generateRoutes', localStorage.getItem('userId'))
|
|
||||
// router.addRoutes(accessRoutes)
|
|
||||
|
|
||||
// 原码 防止刷新出现空白页（系统暂无出现所以注释）
|
|
||||
// const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
|
|
||||
// router.addRoutes(accessRoutes)
|
|
||||
|
|
||||
// hack method to ensure that addRoutes is complete
|
|
||||
// set the replace: true, so the navigation will not leave a history record
|
|
||||
next({ |
|
||||
...to, |
|
||||
replace: true |
|
||||
}) |
|
||||
} catch (error) { |
|
||||
// remove token and go to login page to re-login
|
|
||||
await store.dispatch('user/resetToken') |
|
||||
Message.error(error || 'Has Error') |
|
||||
next(`/login?redirect=${to.path}`) |
|
||||
NProgress.done() |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
router.afterEach(() => { |
|
||||
// element-ui 使用 Tooltip 提示时候，更换页面，提示依旧存在偶现bug处理。
|
|
||||
const mytooltipList = document.querySelectorAll('.el-tooltip__popper') // 获取页面所有tooltip的dom集合
|
|
||||
setTimeout(() => { |
|
||||
mytooltipList.forEach((value) => { |
|
||||
value.style.display = 'none' |
|
||||
if(value.parentElement){ |
|
||||
value.parentElement.removeChild(value) |
|
||||
} |
|
||||
}) |
|
||||
}, 1000) |
|
||||
// finish progress bar
|
|
||||
NProgress.done() |
|
||||
}) |
|
||||
@ -1,187 +0,0 @@ |
|||||
import router from './router' |
|
||||
import store from './store' |
|
||||
import { |
|
||||
Message |
|
||||
} from 'element-ui' |
|
||||
import NProgress from 'nprogress' // progress bar
|
|
||||
import 'nprogress/nprogress.css' // progress bar style
|
|
||||
import { |
|
||||
getToken |
|
||||
} from '@/utils/auth' // get token from cookie
|
|
||||
import getPageTitle from '@/utils/get-page-title' |
|
||||
import { |
|
||||
asyncRoutes |
|
||||
} from '@/router' |
|
||||
import { getInterfaceBoard } from "@/api/wms-interface" |
|
||||
import { login,getUsersByUserName } from "@/api/wms-auth" |
|
||||
|
|
||||
NProgress.configure({ |
|
||||
showSpinner: false |
|
||||
}) // NProgress Configuration
|
|
||||
|
|
||||
const whiteList = ['/login', '/auth-redirect', '/testForm'] // no redirect whitelist
|
|
||||
|
|
||||
|
|
||||
router.beforeEach(async (to, from, next) => { |
|
||||
// 添加路由信息，方便代码修改定位
|
|
||||
// console.log('----------------' + to.meta.title + '-----------------------'+ to.fullPath.substring(to.fullPath.lastIndexOf('-')+1,to.fullPath.length) + '.vue' );
|
|
||||
// start progress bar
|
|
||||
NProgress.start() |
|
||||
|
|
||||
// set page title
|
|
||||
document.title = getPageTitle() |
|
||||
|
|
||||
// 判断是否自动登录
|
|
||||
let isAutoLogin = JSON.parse(localStorage.getItem('isAutoLogin')) |
|
||||
// 如果路径中有isAutoLogin参数则优先，否则读取配置文件中的isAutoLogin参数
|
|
||||
let _url_isAutoLogin = to.query.isAutoLogin |
|
||||
if( _url_isAutoLogin== 'false' || _url_isAutoLogin == 'true'){ |
|
||||
isAutoLogin = JSON.parse(_url_isAutoLogin) |
|
||||
} |
|
||||
let userInfo = localStorage.getItem('currentUserInfo') |
|
||||
let _zh = localStorage.getItem('columnsApiNamesZh') |
|
||||
// 是否有用户信息：
|
|
||||
// 1、如果没有判断是否为自动登录（是自动登录则自动执行登录，账号密码为配置信息中的值，不是自动登录则跳到登录页）
|
|
||||
// 2、如果有用户信息：则检查是否有api接口的表头数据，没有的话重新获取
|
|
||||
if(!userInfo){ |
|
||||
if(isAutoLogin || to.query.loginName){ |
|
||||
// let loginForm= {
|
|
||||
// userNameOrEmailAddress:localStorage.getItem("userNameOrEmailAddress"),
|
|
||||
// password:localStorage.getItem("client_secret"),
|
|
||||
// // rememberMe:true,
|
|
||||
// // grant_type: 'password',
|
|
||||
// // client_id: 'Auth_App',
|
|
||||
// }
|
|
||||
// // store.dispatch('user/login', loginForm).then(() => {
|
|
||||
// login(loginForm).then(()=>{
|
|
||||
let _username = to.query.loginName ? to.query.loginName : localStorage.getItem("userNameOrEmailAddress") |
|
||||
getUsersByUserName(_username).then(res=>{ |
|
||||
// todo:currentUserInfo全程需要优化
|
|
||||
localStorage.setItem("currentUserInfo", JSON.stringify(res)); |
|
||||
}) |
|
||||
.catch(err => { |
|
||||
console.log('获取用户信息失败，请重试') |
|
||||
}) |
|
||||
// 提前获取接口监控看板表头数据并存储
|
|
||||
getInterfaceBoard().then(result => { |
|
||||
localStorage.setItem("interfaceBoardColumnsNames", JSON.stringify(result.resources[_zh].texts)); |
|
||||
next('/') |
|
||||
}) |
|
||||
.catch(err => { |
|
||||
console.log('获取表头失败，请重试') |
|
||||
}) |
|
||||
// })
|
|
||||
// .catch((error) => {
|
|
||||
// console.log('登录失败')
|
|
||||
// })
|
|
||||
}else{ |
|
||||
if (to.path != '/login') { |
|
||||
next('/login') |
|
||||
}else{ |
|
||||
next() |
|
||||
} |
|
||||
NProgress.done() |
|
||||
} |
|
||||
}else{ |
|
||||
// 重新获取api接口表头
|
|
||||
// const _interfaceBoardColumnsNames = localStorage.getItem("interfaceBoardColumnsNames")
|
|
||||
// if( !_interfaceBoardColumnsNames || _interfaceBoardColumnsNames == 'undefined' || _interfaceBoardColumnsNames == 'null'){
|
|
||||
getInterfaceBoard().then(result => { |
|
||||
console.log(9999) |
|
||||
// todo-new:columnsApiNamesZh配置的地址补全（evel）
|
|
||||
localStorage.setItem("interfaceBoardColumnsNames", JSON.stringify(result.resources[_zh].texts)); |
|
||||
setTimeout(()=>{ |
|
||||
next() |
|
||||
},0) |
|
||||
}) |
|
||||
// }else{
|
|
||||
// next()
|
|
||||
// }
|
|
||||
} |
|
||||
|
|
||||
|
|
||||
// determine whether the user has logged in
|
|
||||
|
|
||||
// todo-new:如果token接口恢复做处理
|
|
||||
const hasToken = getToken() |
|
||||
// else if (hasToken) {
|
|
||||
// // if(from.path != '/login'){
|
|
||||
// // let _interfaceBoardColumnsNames = localStorage.getItem("interfaceBoardColumnsNames")
|
|
||||
// // if(!_interfaceBoardColumnsNames){
|
|
||||
// // // next({
|
|
||||
// // // path: '/'
|
|
||||
// // // })
|
|
||||
// // // NProgress.done()
|
|
||||
// // }
|
|
||||
// // }
|
|
||||
// if (to.path === '/login') {
|
|
||||
// // if is logged in, redirect to the home page
|
|
||||
// next({
|
|
||||
// path: '/'
|
|
||||
// })
|
|
||||
// NProgress.done() // hack: https://github.com/PanJiaChen/vue-element-admin/pull/2939
|
|
||||
// } else {
|
|
||||
// // determine whether the user has obtained his permission roles through getInfo
|
|
||||
// const hasRoles =await store.getters.roles && await store.getters.roles.length > 0
|
|
||||
// if (hasRoles) {
|
|
||||
// next()
|
|
||||
// } else {
|
|
||||
// try {
|
|
||||
// // get user info
|
|
||||
// // note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
|
|
||||
|
|
||||
// const {
|
|
||||
// roles
|
|
||||
// } = await store.dispatch('user/getInfo')
|
|
||||
// // generate accessible routes map based on roles
|
|
||||
|
|
||||
// // const accessRoutes = await store.dispatch('permission/generateRoutes', localStorage.getItem('userId'))
|
|
||||
// // router.addRoutes(accessRoutes)
|
|
||||
|
|
||||
// // 原码 防止刷新出现空白页（系统暂无出现所以注释）
|
|
||||
// // const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
|
|
||||
// // router.addRoutes(accessRoutes)
|
|
||||
|
|
||||
// // hack method to ensure that addRoutes is complete
|
|
||||
// // set the replace: true, so the navigation will not leave a history record
|
|
||||
// next({
|
|
||||
// ...to,
|
|
||||
// replace: true
|
|
||||
// })
|
|
||||
// } catch (error) {
|
|
||||
// // remove token and go to login page to re-login
|
|
||||
// await store.dispatch('user/resetToken')
|
|
||||
// Message.error(error || 'Has Error')
|
|
||||
// next(`/login?redirect=${to.path}`)
|
|
||||
// NProgress.done()
|
|
||||
// }
|
|
||||
// }
|
|
||||
// }
|
|
||||
// } else {
|
|
||||
// /* has no token*/
|
|
||||
|
|
||||
// if (whiteList.indexOf(to.path) !== -1) {
|
|
||||
// // in the free login whitelist, go directly
|
|
||||
// next()
|
|
||||
// } else {
|
|
||||
// // other pages that do not have permission to access are redirected to the login page.
|
|
||||
// next(`/login?redirect=${to.path}`)
|
|
||||
// NProgress.done()
|
|
||||
// }
|
|
||||
// }
|
|
||||
}) |
|
||||
|
|
||||
router.afterEach(() => { |
|
||||
// element-ui 使用 Tooltip 提示时候，更换页面，提示依旧存在偶现bug处理。
|
|
||||
const mytooltipList = document.querySelectorAll('.el-tooltip__popper') // 获取页面所有tooltip的dom集合
|
|
||||
setTimeout(() => { |
|
||||
mytooltipList.forEach((value) => { |
|
||||
value.style.display = 'none' |
|
||||
if(value.parentElement){ |
|
||||
value.parentElement.removeChild(value) |
|
||||
} |
|
||||
}) |
|
||||
}, 1000) |
|
||||
// finish progress bar
|
|
||||
NProgress.done() |
|
||||
}) |
|
||||
@ -0,0 +1,178 @@ |
|||||
|
import router from './router' |
||||
|
import store from './store' |
||||
|
import { Message } from 'element-ui' |
||||
|
import NProgress from 'nprogress' // progress bar
|
||||
|
import 'nprogress/nprogress.css' // progress bar style
|
||||
|
import { getToken } from '@/utils/auth' // get token from cookie
|
||||
|
import getPageTitle from '@/utils/get-page-title' |
||||
|
import { asyncRoutes } from '@/router' |
||||
|
import { login,getUsersByUserName } from "@/api/wms-auth" |
||||
|
|
||||
|
NProgress.configure({ |
||||
|
showSpinner: false |
||||
|
}) // NProgress Configuration
|
||||
|
|
||||
|
router.beforeEach(async (to, from, next) => { |
||||
|
// start progress bar
|
||||
|
NProgress.start() |
||||
|
// set page title
|
||||
|
document.title = getPageTitle() |
||||
|
|
||||
|
// 获取枚举数据
|
||||
|
if(!store.getters.enumList || store.getters.enumList.length <= 0){ |
||||
|
await store.dispatch('definition/getEnumList') |
||||
|
} |
||||
|
|
||||
|
// // 获取表头转义
|
||||
|
// if(!store.getters.columZHList || store.getters.columZHList.length <= 0){
|
||||
|
// await store.dispatch('definition/getColumZHList')
|
||||
|
// }
|
||||
|
|
||||
|
// 判断是否自动登录
|
||||
|
let isAutoLogin = JSON.parse(localStorage.getItem('isAutoLogin')) |
||||
|
const columZHList = store.getters.columZHList |
||||
|
// 如果路径中有isAutoLogin参数则优先，否则读取配置文件中的isAutoLogin参数
|
||||
|
let _url_isAutoLogin = to.query.isAutoLogin |
||||
|
if( _url_isAutoLogin== 'false' || _url_isAutoLogin == 'true'){ |
||||
|
isAutoLogin = JSON.parse(_url_isAutoLogin) |
||||
|
} |
||||
|
// 是否有用户信息：
|
||||
|
const userInfo = store.getters.currentUserInfo |
||||
|
// 1、如果没有判断是否为自动登录（是自动登录则自动执行登录，账号密码为配置信息中的值，不是自动登录则跳到登录页）
|
||||
|
// 2、有/没有：则检查是否有api接口的表头数据，没有的话重新获取
|
||||
|
if(userInfo){ |
||||
|
console.log('有store.getters.currentUserInfo',store.getters.currentUserInfo) |
||||
|
if(store.getters.permission_routes && store.getters.permission_routes.length > 0){ |
||||
|
console.log('有store.getters.permission_routes',store.getters.permission_routes) |
||||
|
next() |
||||
|
} |
||||
|
else{ |
||||
|
console.log('没有store.getters.permission_routes',store.getters.permission_routes) |
||||
|
const accessRoutes = await store.dispatch('permission/getApiColumnsNames') |
||||
|
router.addRoutes(accessRoutes) |
||||
|
next({ |
||||
|
...to, |
||||
|
query:{ |
||||
|
loginName:to.query.loginName, |
||||
|
isAutoLogin:to.query.isAutoLogin, |
||||
|
isSinglePage:to.query.isSinglePage |
||||
|
}, |
||||
|
replace: true |
||||
|
}) |
||||
|
} |
||||
|
}else{ |
||||
|
// console.log('没有store.getters.currentUserInfo',store.getters.currentUserInfo)
|
||||
|
if(!columZHList){ |
||||
|
console.log('没有columZHList',columZHList) |
||||
|
await store.dispatch('definition/getColumZHList') |
||||
|
// const accessRoutes = await store.dispatch('permission/getApiColumnsNames')
|
||||
|
// router.addRoutes(accessRoutes)
|
||||
|
next({ |
||||
|
...to, |
||||
|
query:{ |
||||
|
loginName:to.query.loginName, |
||||
|
isAutoLogin:to.query.isAutoLogin, |
||||
|
isSinglePage:to.query.isSinglePage |
||||
|
}, |
||||
|
replace: true |
||||
|
}) |
||||
|
} |
||||
|
if(isAutoLogin || to.query.loginName){ |
||||
|
console.log('有自动登录',isAutoLogin,to.query.loginName) |
||||
|
// let loginForm= {
|
||||
|
// userNameOrEmailAddress:localStorage.getItem("userNameOrEmailAddress"),
|
||||
|
// password:localStorage.getItem("client_secret"),
|
||||
|
// // rememberMe:true,
|
||||
|
// // grant_type: 'password',
|
||||
|
// // client_id: 'Auth_App',
|
||||
|
// }
|
||||
|
// // store.dispatch('user/login', loginForm).then(() => {
|
||||
|
// login(loginForm).then(()=>{
|
||||
|
let _username = to.query.loginName || localStorage.getItem("isLoginName") || localStorage.getItem("userNameOrEmailAddress") |
||||
|
if(to.path != '/login'){ |
||||
|
await store.dispatch('user/getUserInfo',_username).then(()=>{ |
||||
|
next({ |
||||
|
...to, |
||||
|
query:{ |
||||
|
loginName:to.query.loginName, |
||||
|
isAutoLogin:to.query.isAutoLogin, |
||||
|
isSinglePage:to.query.isSinglePage |
||||
|
}, |
||||
|
replace: true |
||||
|
}) |
||||
|
}).catch(()=>{ |
||||
|
next() |
||||
|
// next({
|
||||
|
// path:'/login',
|
||||
|
// query:{
|
||||
|
// isAutoLogin:to.query.isAutoLogin,
|
||||
|
// isSinglePage:to.query.isSinglePage
|
||||
|
// },
|
||||
|
// replace: true
|
||||
|
// })
|
||||
|
// next(`/login?loginName=${to.query.loginName}&isAutoLogin=${to.query.isAutoLogin}`)
|
||||
|
// next(`/login`)
|
||||
|
Message.error('获取用户信息失败，请重试!') |
||||
|
}) |
||||
|
}else{ |
||||
|
next() |
||||
|
// next({
|
||||
|
// ...to,
|
||||
|
// query:{
|
||||
|
// loginName:to.query.loginName,
|
||||
|
// isAutoLogin:to.query.isAutoLogin,
|
||||
|
// isSinglePage:to.query.isSinglePage
|
||||
|
// },
|
||||
|
// replace: true
|
||||
|
// })
|
||||
|
} |
||||
|
// })
|
||||
|
// .catch((error) => {
|
||||
|
// console.log('登录失败')
|
||||
|
// })
|
||||
|
} |
||||
|
else{ |
||||
|
console.log('不自动登录',isAutoLogin,to.query.loginName) |
||||
|
if (to.path != '/login') { |
||||
|
Message.error('获取用户信息失败，请重新登录') |
||||
|
next({ |
||||
|
path:'/login', |
||||
|
query:{ |
||||
|
isAutoLogin:to.query.isAutoLogin, |
||||
|
loginName:to.query.loginName, |
||||
|
isSinglePage:to.query.isSinglePage |
||||
|
}, |
||||
|
replace: true |
||||
|
}) |
||||
|
// next(`/login?loginName=${to.query.loginName}&isAutoLogin=${to.query.isAutoLogin}`)
|
||||
|
// next(`/login`)
|
||||
|
}else{ |
||||
|
// next({
|
||||
|
// ...to,
|
||||
|
// query:{
|
||||
|
// isAutoLogin:to.query.isAutoLogin,
|
||||
|
// loginName:to.query.loginName,
|
||||
|
// },
|
||||
|
// replace: true
|
||||
|
// })
|
||||
|
next() |
||||
|
} |
||||
|
} |
||||
|
NProgress.done() |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
router.afterEach(() => { |
||||
|
// element-ui 使用 Tooltip 提示时候，更换页面，提示依旧存在偶现bug处理。
|
||||
|
const mytooltipList = document.querySelectorAll('.el-tooltip__popper') // 获取页面所有tooltip的dom集合
|
||||
|
setTimeout(() => { |
||||
|
mytooltipList.forEach((value) => { |
||||
|
value.style.display = 'none' |
||||
|
if(value.parentElement){ |
||||
|
value.parentElement.removeChild(value) |
||||
|
} |
||||
|
}) |
||||
|
}, 1000) |
||||
|
// finish progress bar
|
||||
|
NProgress.done() |
||||
|
}) |
||||
Loading…
Reference in new issue