12 changed files with 439 additions and 100 deletions
@ -0,0 +1,140 @@ |
|||
// 第一版token路由
|
|||
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' |
|||
|
|||
NProgress.configure({ |
|||
showSpinner: false |
|||
}) // NProgress Configuration
|
|||
|
|||
const whiteList = ['/login', '/auth-redirect', '/testForm'] // no redirect whitelist
|
|||
|
|||
// 跳转登录页
|
|||
const pageToLogin = (to, from, next) => { |
|||
if (whiteList.indexOf(to.path) !== -1) { |
|||
// in the free login whitelist, go directly
|
|||
next() |
|||
NProgress.done() |
|||
} else { |
|||
// other pages that do not have permission to access are redirected to the login page.
|
|||
next(`/login?redirect=${to.path}`) |
|||
NProgress.done() |
|||
} |
|||
} |
|||
|
|||
// 首次进入页面加载数据处理
|
|||
const toPageInit = async (to, from, next) => { |
|||
let isFresh = false |
|||
|
|||
// 获取表头转义
|
|||
if(!store.getters.columZHList){ |
|||
await store.dispatch('definition/getColumZHList') |
|||
} |
|||
|
|||
// 获取菜单数据
|
|||
if(!store.getters.permission_routes || store.getters.permission_routes.length <= 0){ |
|||
isFresh = true |
|||
await store.dispatch('permission/getApiColumnsNames') |
|||
} |
|||
|
|||
// 获取枚举数据
|
|||
if(!store.getters.enumList || store.getters.enumList.length <= 0){ |
|||
await store.dispatch('definition/getDefinitionConfig') |
|||
} |
|||
|
|||
// 获取用户信息
|
|||
let _username = to.query.loginName || localStorage.getItem("isLoginName") || localStorage.getItem("loginName") |
|||
if(!store.getters.currentUserInfo || store.getters.currentUserInfo.length <= 0){ |
|||
await store.dispatch('user/getUserInfo',_username) |
|||
.then(()=>{ |
|||
toNextHandle(to, from, next,isFresh) |
|||
}) |
|||
.catch(()=>{ |
|||
toNextHandle(to, from, next,isFresh) |
|||
}) |
|||
}else{ |
|||
toNextHandle(to, from, next,isFresh) |
|||
} |
|||
} |
|||
|
|||
// 跳转处理
|
|||
const toNextHandle = (to, from, next,isFresh) => { |
|||
if(isFresh){ |
|||
next({...to,replace:true}) |
|||
}else{ |
|||
next() |
|||
} |
|||
NProgress.done() |
|||
} |
|||
|
|||
router.beforeEach(async (to, from, next) => { |
|||
|
|||
// start progress bar
|
|||
NProgress.start() |
|||
// set page title
|
|||
document.title = getPageTitle() |
|||
|
|||
const hasToken = getToken() |
|||
// 判断是否自动登录
|
|||
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) |
|||
} |
|||
|
|||
if(hasToken){ |
|||
if (to.path === '/login') { |
|||
console.log('有token，是登录页，将跳转至/') |
|||
// if is logged in, redirect to the home page
|
|||
next({ |
|||
path: '/' |
|||
}) |
|||
NProgress.done() // hack: https://github.com/PanJiaChen/vue-element-admin/pull/2939
|
|||
} else { |
|||
console.log('有token，不是登录页，toPageInit') |
|||
await toPageInit(to, from, next) |
|||
} |
|||
}else{ |
|||
if (to.path === '/login') { |
|||
console.log('没有token，是登录页，pageToLogin') |
|||
pageToLogin(to, from, next) |
|||
} else { |
|||
if(isAutoLogin){ |
|||
console.log('没有token，不是登录页，是自动登录，自动登录是否成功都将继续toPageInit') |
|||
let _username = to.query.loginName || localStorage.getItem("isLoginName") || localStorage.getItem("loginName") |
|||
let _password = to.query.loginPass || localStorage.getItem("client_secret") |
|||
// todo-fast:password确定
|
|||
await store.dispatch('user/login', {password:_password,username:_username}) |
|||
.then(()=>{ |
|||
toPageInit(to, from, next) |
|||
}) |
|||
.catch(()=>{ |
|||
toPageInit(to, from, next) |
|||
}) |
|||
}else{ |
|||
console.log('没有token，不是登录页，不是自动登录，pageToLogin') |
|||
pageToLogin(to, from, next) |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
|
|||
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,168 @@ |
|||
import { |
|||
token, |
|||
logout, |
|||
getUsersByUserName |
|||
} from '@/api/wms-auth' |
|||
import { |
|||
getToken, |
|||
setToken, |
|||
removeToken, |
|||
} from '@/utils/auth' |
|||
import router, { |
|||
resetRouter |
|||
} from '@/router' |
|||
import qs from 'qs' |
|||
import store from '@/store' |
|||
|
|||
const state = { |
|||
token: getToken(), |
|||
introduction: '', |
|||
roles: [], |
|||
userInfo:null |
|||
} |
|||
|
|||
const mutations = { |
|||
SET_TOKEN: (state, token) => { |
|||
state.token = token |
|||
}, |
|||
SET_INTRODUCTION: (state, introduction) => { |
|||
state.introduction = introduction |
|||
}, |
|||
// 设置权限（v-permission）
|
|||
SET_ROLES: (state, roles) => { |
|||
let _roles = [ |
|||
'IncomingDataHistory.filter', |
|||
'IncomingData.export', |
|||
'MesProductL7PartsNote.filter', |
|||
'MesProductL7PartsNote.export' |
|||
] |
|||
state.roles = _roles |
|||
}, |
|||
SET_USERINFO: (state, data) => { |
|||
state.userInfo = data |
|||
} |
|||
} |
|||
|
|||
const actions = { |
|||
// user login
|
|||
login({ |
|||
commit, |
|||
dispatch |
|||
}, userInfo) { |
|||
const { |
|||
password, |
|||
username, |
|||
company, |
|||
warehouseCode |
|||
} = userInfo |
|||
let loginData = { |
|||
userNameOrEmailAddress: username, |
|||
password: password, |
|||
rememberMe: true |
|||
} |
|||
let parseData = JSON.parse(JSON.stringify(userInfo)) |
|||
delete parseData.warehouseCode |
|||
delete parseData.company |
|||
parseData.client_secret = window.SITE_CONFIG['client_secret'] |
|||
let tokenData = qs.stringify(parseData) |
|||
return new Promise((resolve, reject) => { |
|||
// login(loginData).then(response => {
|
|||
let params = qs.stringify({ |
|||
password: password, |
|||
username: username, |
|||
client_id:'Z_App', |
|||
grant_type:'password', |
|||
scopes:'Z' |
|||
}); |
|||
token(params).then(response => { |
|||
const { |
|||
access_token, |
|||
token_type |
|||
} = response |
|||
if (access_token == null) { |
|||
reject() |
|||
} else { |
|||
commit('SET_TOKEN', access_token) |
|||
setToken(token_type + ' ' + access_token) |
|||
store.dispatch('user/getUserInfo',username).then(()=>{ |
|||
resolve() |
|||
}).catch(()=>{ |
|||
reject() |
|||
}) |
|||
} |
|||
}).catch(error => { |
|||
reject(error) |
|||
}) |
|||
// }).catch(error => {
|
|||
// reject(error)
|
|||
// })
|
|||
}) |
|||
}, |
|||
|
|||
// user logout
|
|||
logout({ |
|||
commit, |
|||
dispatch |
|||
}) { |
|||
return new Promise((resolve, reject) => { |
|||
// logout().then(() => {
|
|||
commit('SET_TOKEN', null) |
|||
commit('SET_USERINFO', null) |
|||
removeToken() |
|||
store.dispatch('permission/clearRouters') |
|||
// resetRouter()
|
|||
// reset visited views and cached views
|
|||
// to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2485
|
|||
dispatch('tagsView/delAllViews', null, { |
|||
root: true |
|||
}) |
|||
resolve() |
|||
// 防止路由叠加
|
|||
// location.reload()
|
|||
// }).catch(error => {
|
|||
// reject(error)
|
|||
// })
|
|||
}) |
|||
}, |
|||
|
|||
// remove token
|
|||
resetToken({ |
|||
commit |
|||
}) { |
|||
return new Promise(resolve => { |
|||
commit('SET_TOKEN', '') |
|||
commit('SET_ROLES', []) |
|||
removeToken() |
|||
resolve() |
|||
}) |
|||
}, |
|||
|
|||
// get userInfo
|
|||
getUserInfo({ |
|||
commit |
|||
},username) { |
|||
return new Promise((resolve, reject) => { |
|||
getUsersByUserName(username).then(res=>{ |
|||
if(res && JSON.stringify(res).length > 0){ |
|||
localStorage.setItem('isLoginName',username) |
|||
// commit('SET_ROLES', res)
|
|||
commit('SET_USERINFO', res) |
|||
resolve(res) |
|||
}else{ |
|||
reject('获取用户信息失败，请重试') |
|||
} |
|||
}) |
|||
.catch(err => { |
|||
reject(err) |
|||
console.log('获取用户信息失败，请重试') |
|||
}) |
|||
}) |
|||
}, |
|||
} |
|||
|
|||
export default { |
|||
namespaced: true, |
|||
state, |
|||
mutations, |
|||
actions |
|||
} |
|||
Loading…
Reference in new issue