fix: 接入cas单点登录
parent
ad9a90e252
commit
a4d103790d
|
@ -37,7 +37,7 @@ onMounted(() => {
|
|||
}, 1000 * 2)
|
||||
})
|
||||
const showMainApp = computed(() => {
|
||||
return ['/login', '/sso', '/lockme', '/redirect', '/404', '/license'].includes(route.path)
|
||||
return ['/login', '/caslogin', '/sso', '/lockme', '/redirect', '/404', '/license'].includes(route.path)
|
||||
})
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@media screen and(-ms-high-contrast:active),
|
||||
@media screen and (-ms-high-contrast:active),
|
||||
(-ms-high-contrast:none) {
|
||||
.el-table__header,
|
||||
.el-table__body {
|
||||
|
|
|
@ -1,169 +1,176 @@
|
|||
<template>
|
||||
<a-dropdown>
|
||||
<div class="user-content">
|
||||
<img :src="userData.portrait" class="head-portrait" />
|
||||
<span class="user-name">{{ userData.name }}</span>
|
||||
<DownOutlined />
|
||||
</div>
|
||||
<template #overlay>
|
||||
<a-menu class="user-dropdown">
|
||||
<a-menu-item @click="openInfoDialog" class="menu-item"> <UserOutlined /> 个人信息 </a-menu-item>
|
||||
<a-menu-item @click="openPwdDialog" class="menu-item"> <LockOutlined /> 修改密码 </a-menu-item>
|
||||
<a-menu-item @click="logoutSystem()" class="menu-item"> <PoweroffOutlined /> 退出系统 </a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
<a-modal title="修改密码" :maskClosable="false" width="600px" v-if="pwdDialogVisible" v-model:visible="pwdDialogVisible" @ok="modifyPwdSubmit" :confirmLoading="loading">
|
||||
<a-form :model="pwdData" ref="pwdRef" :colon="true" :labelCol="{ span: 4 }">
|
||||
<a-form-item label="原密码" name="oldPassword" :rules="[required]">
|
||||
<a-input-password v-model:value="pwdData.oldPassword" auto-complete="off"></a-input-password>
|
||||
</a-form-item>
|
||||
<a-form-item label="新密码" name="newPassword" :rules="pwdRule">
|
||||
<a-input-password v-model:value="pwdData.newPassword" auto-complete="off"></a-input-password>
|
||||
</a-form-item>
|
||||
<a-form-item label="确认密码" name="confirmPassword" :rules="pwdRule">
|
||||
<a-input-password v-model:value="pwdData.confirmPassword" auto-complete="off"></a-input-password>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
<InfoDialog ref="infoRef" :data="userData"></InfoDialog>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import crypto from 'utils/crypto.js'
|
||||
import { changePassword } from '@/services/manager'
|
||||
import { logout } from 'services'
|
||||
import InfoDialog from './InfoDialog.vue'
|
||||
import { computed, defineComponent, ref, createVNode } from 'vue'
|
||||
import { message, Modal } from 'ant-design-vue'
|
||||
import { useStore } from 'vuex'
|
||||
import { required, complexPassword } from '@/validate'
|
||||
import { UserOutlined, PoweroffOutlined, LockOutlined, ExclamationCircleOutlined, DownOutlined } from '@ant-design/icons-vue'
|
||||
|
||||
export default defineComponent({
|
||||
components: { InfoDialog, UserOutlined, PoweroffOutlined, LockOutlined, DownOutlined },
|
||||
setup() {
|
||||
const store = useStore()
|
||||
// 密码修改
|
||||
const pwdData = ref({
|
||||
oldPassword: '',
|
||||
newPassword: '',
|
||||
confirmPassword: ''
|
||||
})
|
||||
const pwdDialogVisible = ref(false)
|
||||
function openPwdDialog() {
|
||||
pwdDialogVisible.value = true
|
||||
pwdData.value = {
|
||||
oldPassword: '',
|
||||
newPassword: '',
|
||||
confirmPassword: ''
|
||||
}
|
||||
}
|
||||
function checkPassword() {
|
||||
const { newPassword, oldPassword, confirmPassword } = pwdData.value
|
||||
if (newPassword === oldPassword) {
|
||||
message.error('新密码不能与原密码相同')
|
||||
return false
|
||||
}
|
||||
if (confirmPassword !== newPassword) {
|
||||
message.error('确认密码与新密码不一致')
|
||||
return false
|
||||
}
|
||||
|
||||
return true
|
||||
}
|
||||
const pwdRef = ref()
|
||||
const loading = ref(false)
|
||||
async function modifyPwdSubmit() {
|
||||
try {
|
||||
const values = await pwdRef.value.validate()
|
||||
if (!checkPassword()) return
|
||||
loading.value = true
|
||||
const res = await changePassword(userData.value.id, {
|
||||
password: crypto.encrypt(values.newPassword),
|
||||
oldPassword: crypto.encrypt(values.oldPassword)
|
||||
})
|
||||
if (res.success) {
|
||||
pwdDialogVisible.value = false
|
||||
message.success(res.message)
|
||||
store.dispatch('permission/ResetRoutes')
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
loading.value = false
|
||||
}
|
||||
const userData = computed(() => store.getters.userData || {})
|
||||
const pwdRule = computed(() => {
|
||||
const rule = store.state.app.systemConfig.pwdStrength
|
||||
if (rule === 'required') return [required]
|
||||
return [required, complexPassword]
|
||||
})
|
||||
// 登出
|
||||
function logoutSystem() {
|
||||
Modal.confirm({
|
||||
title: '提示',
|
||||
icon: createVNode(ExclamationCircleOutlined),
|
||||
content: '您确定要退出该系统吗?',
|
||||
async onOk() {
|
||||
const res = await logout()
|
||||
if (res.success) {
|
||||
store.dispatch('permission/ResetRoutes')
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
// 个人信息
|
||||
const infoRef = ref()
|
||||
function openInfoDialog() {
|
||||
infoRef.value.open()
|
||||
}
|
||||
return {
|
||||
loading,
|
||||
pwdData,
|
||||
pwdDialogVisible,
|
||||
pwdRef,
|
||||
pwdRule,
|
||||
openPwdDialog,
|
||||
modifyPwdSubmit,
|
||||
logoutSystem,
|
||||
infoRef,
|
||||
openInfoDialog,
|
||||
userData,
|
||||
required
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.user-content {
|
||||
margin-right: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
.head-portrait {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.user-name {
|
||||
max-width: 140px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 14px;
|
||||
margin: 0 2px 0 5px;
|
||||
}
|
||||
.user-dropdown {
|
||||
background: #2c2e3b;
|
||||
border-color: #2c2e3b;
|
||||
::v-deep(.ant-dropdown-menu-item) {
|
||||
color: #ccc;
|
||||
&:hover {
|
||||
background: #2d8cf0 !important;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<a-dropdown>
|
||||
<div class="user-content">
|
||||
<img :src="userData.portrait" class="head-portrait" />
|
||||
<span class="user-name">{{ userData.name }}</span>
|
||||
<DownOutlined />
|
||||
</div>
|
||||
<template #overlay>
|
||||
<a-menu class="user-dropdown">
|
||||
<a-menu-item @click="openInfoDialog" class="menu-item"> <UserOutlined /> 个人信息 </a-menu-item>
|
||||
<a-menu-item @click="openPwdDialog" class="menu-item"> <LockOutlined /> 修改密码 </a-menu-item>
|
||||
<a-menu-item @click="logoutSystem()" class="menu-item"> <PoweroffOutlined /> 退出系统 </a-menu-item>
|
||||
</a-menu>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
<a-modal title="修改密码" :maskClosable="false" width="600px" v-if="pwdDialogVisible" v-model:visible="pwdDialogVisible" @ok="modifyPwdSubmit" :confirmLoading="loading">
|
||||
<a-form :model="pwdData" ref="pwdRef" :colon="true" :labelCol="{ span: 4 }">
|
||||
<a-form-item label="原密码" name="oldPassword" :rules="[required]">
|
||||
<a-input-password v-model:value="pwdData.oldPassword" auto-complete="off"></a-input-password>
|
||||
</a-form-item>
|
||||
<a-form-item label="新密码" name="newPassword" :rules="pwdRule">
|
||||
<a-input-password v-model:value="pwdData.newPassword" auto-complete="off"></a-input-password>
|
||||
</a-form-item>
|
||||
<a-form-item label="确认密码" name="confirmPassword" :rules="pwdRule">
|
||||
<a-input-password v-model:value="pwdData.confirmPassword" auto-complete="off"></a-input-password>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
</a-modal>
|
||||
<InfoDialog ref="infoRef" :data="userData"></InfoDialog>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import crypto from 'utils/crypto.js'
|
||||
import { changePassword } from '@/services/manager'
|
||||
import { logout } from 'services'
|
||||
import { getCasConfig } from '@/store/utils'
|
||||
import InfoDialog from './InfoDialog.vue'
|
||||
import { computed, defineComponent, ref, createVNode } from 'vue'
|
||||
import { message, Modal } from 'ant-design-vue'
|
||||
import { useStore } from 'vuex'
|
||||
import { required, complexPassword } from '@/validate'
|
||||
import { UserOutlined, PoweroffOutlined, LockOutlined, ExclamationCircleOutlined, DownOutlined } from '@ant-design/icons-vue'
|
||||
|
||||
export default defineComponent({
|
||||
components: { InfoDialog, UserOutlined, PoweroffOutlined, LockOutlined, DownOutlined },
|
||||
setup() {
|
||||
const store = useStore()
|
||||
// 密码修改
|
||||
const pwdData = ref({
|
||||
oldPassword: '',
|
||||
newPassword: '',
|
||||
confirmPassword: ''
|
||||
})
|
||||
const pwdDialogVisible = ref(false)
|
||||
function openPwdDialog() {
|
||||
pwdDialogVisible.value = true
|
||||
pwdData.value = {
|
||||
oldPassword: '',
|
||||
newPassword: '',
|
||||
confirmPassword: ''
|
||||
}
|
||||
}
|
||||
function checkPassword() {
|
||||
const { newPassword, oldPassword, confirmPassword } = pwdData.value
|
||||
if (newPassword === oldPassword) {
|
||||
message.error('新密码不能与原密码相同')
|
||||
return false
|
||||
}
|
||||
if (confirmPassword !== newPassword) {
|
||||
message.error('确认密码与新密码不一致')
|
||||
return false
|
||||
}
|
||||
|
||||
return true
|
||||
}
|
||||
const pwdRef = ref()
|
||||
const loading = ref(false)
|
||||
async function modifyPwdSubmit() {
|
||||
try {
|
||||
const values = await pwdRef.value.validate()
|
||||
if (!checkPassword()) return
|
||||
loading.value = true
|
||||
const res = await changePassword(userData.value.id, {
|
||||
password: crypto.encrypt(values.newPassword),
|
||||
oldPassword: crypto.encrypt(values.oldPassword)
|
||||
})
|
||||
if (res.success) {
|
||||
pwdDialogVisible.value = false
|
||||
message.success(res.message)
|
||||
store.dispatch('permission/ResetRoutes')
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
loading.value = false
|
||||
}
|
||||
const userData = computed(() => store.getters.userData || {})
|
||||
const pwdRule = computed(() => {
|
||||
const rule = store.state.app.systemConfig.pwdStrength
|
||||
if (rule === 'required') return [required]
|
||||
return [required, complexPassword]
|
||||
})
|
||||
// 登出
|
||||
function logoutSystem() {
|
||||
Modal.confirm({
|
||||
title: '提示',
|
||||
icon: createVNode(ExclamationCircleOutlined),
|
||||
content: '您确定要退出该系统吗?',
|
||||
async onOk() {
|
||||
const { isCASLogin, casLogoutPath } = await getCasConfig()
|
||||
if (isCASLogin) {
|
||||
location.href = casLogoutPath
|
||||
} else {
|
||||
const res = await logout()
|
||||
if (res.success) {
|
||||
await store.dispatch('permission/ResetRoutes', false)
|
||||
location.href = '/login'
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
// 个人信息
|
||||
const infoRef = ref()
|
||||
function openInfoDialog() {
|
||||
infoRef.value.open()
|
||||
}
|
||||
return {
|
||||
loading,
|
||||
pwdData,
|
||||
pwdDialogVisible,
|
||||
pwdRef,
|
||||
pwdRule,
|
||||
openPwdDialog,
|
||||
modifyPwdSubmit,
|
||||
logoutSystem,
|
||||
infoRef,
|
||||
openInfoDialog,
|
||||
userData,
|
||||
required
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.user-content {
|
||||
margin-right: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
.head-portrait {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.user-name {
|
||||
max-width: 140px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 14px;
|
||||
margin: 0 2px 0 5px;
|
||||
}
|
||||
.user-dropdown {
|
||||
background: #2c2e3b;
|
||||
border-color: #2c2e3b;
|
||||
::v-deep(.ant-dropdown-menu-item) {
|
||||
color: #ccc;
|
||||
&:hover {
|
||||
background: #2d8cf0 !important;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,52 +1,81 @@
|
|||
/**
|
||||
* Created by HaijunZhang on 2018/11/12.
|
||||
*/
|
||||
import store from './store'
|
||||
import router from './router'
|
||||
import { getToken, setToken } from 'utils/auth'
|
||||
import { getQuery } from 'utils'
|
||||
import { isEmpty, assign } from 'lodash-es'
|
||||
|
||||
const { token } = getQuery(location.hash)
|
||||
if (token) {
|
||||
setToken(token)
|
||||
}
|
||||
|
||||
const whiteList = ['/login', '/404', '/401', '/license', '/sso']
|
||||
router.beforeEach(async (to, from, next) => {
|
||||
if (isEmpty(history.state.current)) {
|
||||
assign(history.state, { current: from.fullPath })
|
||||
}
|
||||
if (getToken()) {
|
||||
// 判断用户是否处于登录状态
|
||||
if (to.path === '/login') {
|
||||
// 如果已经登录重定向到主页
|
||||
await store.dispatch('permission/ResetRoutes', false)
|
||||
next('/login')
|
||||
} else {
|
||||
// 为null的场景: 刷新页面或者新开窗口;
|
||||
const addRoutes = store.getters.addRoutes
|
||||
if (addRoutes) {
|
||||
next()
|
||||
} else {
|
||||
try {
|
||||
await store.dispatch('permission/GenerateRoutes')
|
||||
store.dispatch('GetUserInfo')
|
||||
next({ ...to, replace: true })
|
||||
} catch (error) {
|
||||
// remove token and go to login page to re-login
|
||||
await store.dispatch('permission/ResetRoutes', false)
|
||||
next('/login')
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 用户没有登录
|
||||
if (whiteList.includes(to.path)) {
|
||||
// 在白名单里直接跳转
|
||||
next()
|
||||
} else {
|
||||
next('/login')
|
||||
}
|
||||
}
|
||||
})
|
||||
/**
|
||||
* Created by HaijunZhang on 2018/11/12.
|
||||
*/
|
||||
import store from './store'
|
||||
import router from './router'
|
||||
import { getToken, setToken } from 'utils/auth'
|
||||
import { getQuery } from 'utils'
|
||||
import { isEmpty, assign } from 'lodash-es'
|
||||
import { getCasConfig, goLogin } from './store/utils'
|
||||
|
||||
const redirectToCasLogin = (to, next, ticket, casLoginPath) => {
|
||||
if (!ticket) {
|
||||
location.href = casLoginPath
|
||||
return
|
||||
}
|
||||
if (to.path === '/caslogin') {
|
||||
next()
|
||||
return
|
||||
}
|
||||
next(`/caslogin?ticket=${ticket}`)
|
||||
}
|
||||
|
||||
const { token } = getQuery(location.hash)
|
||||
if (token) {
|
||||
setToken(token)
|
||||
}
|
||||
|
||||
const whiteList = ['/login', '/caslogin', '/404', '/401', '/license', '/sso']
|
||||
router.beforeEach(async (to, from, next) => {
|
||||
const ticket = to.query.ticket || new URLSearchParams(location.search).get('ticket')
|
||||
if (isEmpty(history.state.current)) {
|
||||
assign(history.state, { current: from.fullPath })
|
||||
}
|
||||
if (getToken()) {
|
||||
// 判断用户是否处于登录状态
|
||||
if (to.path === '/login' || to.path === '/caslogin') {
|
||||
// 如果已经登录重定向到主页
|
||||
await store.dispatch('permission/ResetRoutes', false)
|
||||
const { isCASLogin, casLoginPath } = await getCasConfig()
|
||||
if (!isCASLogin) {
|
||||
next('/login')
|
||||
} else {
|
||||
redirectToCasLogin(to, next, ticket, casLoginPath)
|
||||
}
|
||||
} else {
|
||||
// 为null的场景: 刷新页面或者新开窗口;
|
||||
const addRoutes = store.getters.addRoutes
|
||||
if (addRoutes) {
|
||||
next()
|
||||
} else {
|
||||
try {
|
||||
await store.dispatch('permission/GenerateRoutes')
|
||||
store.dispatch('GetUserInfo')
|
||||
next({ ...to, replace: true })
|
||||
} catch (error) {
|
||||
// remove token and go to login page to re-login
|
||||
await store.dispatch('permission/ResetRoutes', false)
|
||||
const { isCASLogin, casLoginPath } = await getCasConfig()
|
||||
if (!isCASLogin) {
|
||||
next('/login')
|
||||
} else {
|
||||
redirectToCasLogin(to, next, ticket, casLoginPath)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 用户没有登录
|
||||
if (whiteList.includes(to.path)) {
|
||||
// 在白名单里直接跳转
|
||||
const { isCASLogin, casLoginPath } = await getCasConfig()
|
||||
if (!isCASLogin) {
|
||||
next()
|
||||
} else {
|
||||
redirectToCasLogin(to, next, ticket, casLoginPath)
|
||||
}
|
||||
} else {
|
||||
goLogin()
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
|
@ -5,7 +5,12 @@ const routes: RouteRecordRaw[] = [
|
|||
{
|
||||
name: 'Login',
|
||||
path: '/login',
|
||||
component: () => import('views/login/login.vue')
|
||||
component: () => import('views/login/userLogin.vue')
|
||||
},
|
||||
{
|
||||
name: 'CASLogin',
|
||||
path: '/caslogin',
|
||||
component: () => import('views/login/casLogin.vue')
|
||||
},
|
||||
{
|
||||
path: '/sso',
|
||||
|
|
|
@ -4,6 +4,10 @@
|
|||
import request from 'utils/request'
|
||||
import { wrapperParams } from 'utils'
|
||||
|
||||
export function loginByCas(params) {
|
||||
return request.post('/sms/v1/users/login/cas', wrapperParams(params))
|
||||
}
|
||||
|
||||
export function login(params) {
|
||||
return request.post('/sms/v1/users/login', params)
|
||||
}
|
||||
|
|
|
@ -7,7 +7,7 @@ import { getUserPermissions } from 'services'
|
|||
import BlankView from '@/layouts/blank.vue'
|
||||
import router, { resetRouter } from '@/router'
|
||||
import { menuKey, enablePermissionStorage } from '@/config'
|
||||
import { urlToList } from '../utils'
|
||||
import { urlToList, goLogin } from '../utils'
|
||||
import actionStore from '@/core/actions'
|
||||
|
||||
const resultRoutes = []
|
||||
|
@ -167,7 +167,7 @@ const actions = {
|
|||
// 重置标签信息
|
||||
dispatch('tagsView/delAllViews', null, { root: true })
|
||||
removeToken()
|
||||
if (redirectToLogin) window.location.href = '/login'
|
||||
if (redirectToLogin) goLogin()
|
||||
resolve()
|
||||
})
|
||||
}
|
||||
|
|
|
@ -1,14 +1,45 @@
|
|||
export const setBrowser = (icon, title) => {
|
||||
const head = document.getElementsByTagName('head')[0]
|
||||
const linkTag = document.createElement('link')
|
||||
linkTag.href = icon
|
||||
linkTag.setAttribute('rel', 'shortcut icon')
|
||||
linkTag.setAttribute('type', 'image/x-icon')
|
||||
head.appendChild(linkTag)
|
||||
document.title = title
|
||||
}
|
||||
// /system/configs/page -> [ '/system','/system/configs','/system/configs/page']
|
||||
export const urlToList = (url) => {
|
||||
const urllist = url.split('/').filter((i) => i)
|
||||
return urllist.map((urlItem, index) => `/${urllist.slice(0, index + 1).join('/')}`)
|
||||
}
|
||||
import { getSystemConfigs } from 'services'
|
||||
import store from '@/store'
|
||||
export const setBrowser = (icon, title) => {
|
||||
const head = document.getElementsByTagName('head')[0]
|
||||
const linkTag = document.createElement('link')
|
||||
linkTag.href = icon
|
||||
linkTag.setAttribute('rel', 'shortcut icon')
|
||||
linkTag.setAttribute('type', 'image/x-icon')
|
||||
head.appendChild(linkTag)
|
||||
document.title = title
|
||||
}
|
||||
// /system/configs/page -> [ '/system','/system/configs','/system/configs/page']
|
||||
export const urlToList = (url) => {
|
||||
const urllist = url.split('/').filter((i) => i)
|
||||
return urllist.map((urlItem, index) => `/${urllist.slice(0, index + 1).join('/')}`)
|
||||
}
|
||||
export const getPageConfigs = async () => {
|
||||
const res = await getSystemConfigs({ category: '界面配置' })
|
||||
if (res.success) {
|
||||
return res.data
|
||||
}
|
||||
throw res.data
|
||||
}
|
||||
export const getCasConfig = async () => {
|
||||
const Store = store
|
||||
let pageConfig = Store?.getters?.pageConfig || {}
|
||||
if (!Object.keys(pageConfig).length) {
|
||||
pageConfig = (await getPageConfigs()) || {}
|
||||
}
|
||||
const { cas, casLoginUrl, casLoginoutUrl } = pageConfig
|
||||
const isCASLogin = (cas === 'true' || cas === true) && !!casLoginUrl
|
||||
const casLoginPath = `${casLoginUrl}?service=${location.origin}/caslogin`
|
||||
const casLogoutPath = `${casLoginoutUrl}?service=${location.origin}/caslogin`
|
||||
return { isCASLogin, cas, casLoginPath, casLogoutPath }
|
||||
}
|
||||
export const goLogin = async (forceCasRedirect = false) => {
|
||||
const { isCASLogin, casLoginPath } = await getCasConfig()
|
||||
let path = '/login'
|
||||
// forceCasRedirect avoids reusing stale CAS tickets during logout or failed auth attempts
|
||||
const ticket = forceCasRedirect ? null : new URLSearchParams(location.search).get('ticket')
|
||||
if (isCASLogin) {
|
||||
path = ticket ? `/caslogin?ticket=${ticket}` : casLoginPath
|
||||
}
|
||||
window.location.href = path
|
||||
}
|
||||
|
|
|
@ -16,6 +16,8 @@ import 'nprogress/nprogress.css'
|
|||
import { notification } from 'ant-design-vue'
|
||||
import { getToken } from 'utils/auth'
|
||||
import store from '@/store'
|
||||
import { getCasConfig, goLogin } from '@/store/utils'
|
||||
import { logout } from '@/services'
|
||||
|
||||
const codeMessage = {
|
||||
200: '服务器成功返回请求的数据。',
|
||||
|
@ -92,9 +94,17 @@ axiosInstance.interceptors.response.use(
|
|||
break
|
||||
case '401':
|
||||
case '509':
|
||||
store.dispatch('permission/ResetRoutes')
|
||||
break
|
||||
default:
|
||||
store.dispatch('permission/ResetRoutes', false).then(() => {
|
||||
getCasConfig().then(({ isCASLogin, casLogoutPath }) => {
|
||||
if (isCASLogin) {
|
||||
location.href = casLogoutPath
|
||||
} else {
|
||||
logout().then((res) => {
|
||||
if (res.success) goLogin()
|
||||
})
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
if (!options.ignoreError) {
|
||||
notification.error({
|
||||
|
|
|
@ -0,0 +1,61 @@
|
|||
<template>
|
||||
<div class="casLogin">{{ msg }}</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { loginByCas } from 'services'
|
||||
import setLoginData from './tools'
|
||||
import { removeToken } from 'utils/auth'
|
||||
import { goLogin } from '@/store/utils'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
msg: '',
|
||||
url: window.location.href
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
let ticket = this.getUrlKey('ticket')
|
||||
if (!ticket || ticket == '') {
|
||||
const { redirect } = this.$route.query
|
||||
const path = redirect ? redirect.split('/#')[1] : '/sms-web/resource_dashboard'
|
||||
this.$router.replace({ path })
|
||||
return
|
||||
}
|
||||
const service = `${window.location.origin}/caslogin`
|
||||
this.login(ticket, service)
|
||||
},
|
||||
getUrlKey(name) {
|
||||
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(this.url) || ['', ''])[1].replace(/\+/g, '%20')) || null
|
||||
},
|
||||
handleLoginAfter(data) {
|
||||
setLoginData(data)
|
||||
const { redirect } = this.$route.query
|
||||
const path = redirect ? redirect.split('/#')[1] : '/sms-web/resource_dashboard'
|
||||
this.$router.replace(path)
|
||||
localStorage.removeItem('lockData')
|
||||
},
|
||||
login(ticket, service) {
|
||||
loginByCas({ ticket, service })
|
||||
.then((res) => {
|
||||
if (res.success) {
|
||||
this.handleLoginAfter(res.data)
|
||||
this.msg = res.message
|
||||
} else {
|
||||
console.log(res.message, 'res.message')
|
||||
goLogin(true)
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.msg = '登录失败'
|
||||
removeToken()
|
||||
goLogin(true)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
|
@ -59,10 +59,10 @@ export default {
|
|||
remember: false,
|
||||
loginForm: {
|
||||
account: '',
|
||||
password: '',
|
||||
password: ''
|
||||
},
|
||||
loading: false,
|
||||
capsTooltip: false,
|
||||
capsTooltip: false
|
||||
})
|
||||
const store = useStore()
|
||||
const configs = computed(() => store.getters.pageConfig)
|
||||
|
@ -84,7 +84,7 @@ export default {
|
|||
if (state.remember) {
|
||||
const obj = {
|
||||
account: state.loginForm.account,
|
||||
password: encrypt(state.loginForm.password),
|
||||
password: encrypt(state.loginForm.password)
|
||||
}
|
||||
localStorage.setItem('cmcLoginData', JSON.stringify(obj))
|
||||
} else {
|
||||
|
@ -104,12 +104,14 @@ export default {
|
|||
const res = await login({
|
||||
account,
|
||||
password: encrypt(password),
|
||||
isManager: true,
|
||||
isManager: true
|
||||
})
|
||||
if (res.success) {
|
||||
goLogin(res.data)
|
||||
}
|
||||
} catch (error) {}
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
state.loading = false
|
||||
}
|
||||
|
||||
|
@ -131,9 +133,9 @@ export default {
|
|||
configs,
|
||||
loginFormRef,
|
||||
handleLogin,
|
||||
checkCapslock,
|
||||
checkCapslock
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
Loading…
Reference in New Issue