hhyykk/ipms-sjy-ui
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy-ui.git synced 2025-06-20 23:32:01 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

【功能优化】WebSocket 使用 refreshToken 认证，解决无法刷新访问令牌的问题

Browse Source
This commit is contained in:
YunaiV 2024-10-02 14:11:02 +08:00
parent 40512afb49
commit 86c33e1f68
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/infra/webSocket/index.vue
View File

@ -71,7 +71,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { formatDate } from '@/utils/formatTime' import { formatDate } from '@/utils/formatTime'
import { useWebSocket } from '@vueuse/core' import { useWebSocket } from '@vueuse/core'
import { getAccessToken } from '@/utils/auth' import { getRefreshToken } from '@/utils/auth'
import * as UserApi from '@/api/system/user' import * as UserApi from '@/api/system/user'
defineOptions({ name: 'InfraWebSocket' }) defineOptions({ name: 'InfraWebSocket' })
@ -79,7 +79,9 @@ defineOptions({ name: 'InfraWebSocket' })
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const server = ref( const server = ref(
(import.meta.env.VITE_BASE_URL + '/infra/ws').replace('http', 'ws') + '?token=' + getAccessToken() (import.meta.env.VITE_BASE_URL + '/infra/ws').replace('http', 'ws') +
'?token=' +
getRefreshToken() // 使用 getRefreshToken() 方法，而不使用 getAccessToken() 方法的原因：WebSocket 无法方便的刷新访问令牌
) // WebSocket 服务地址 ) // WebSocket 服务地址
const getIsOpen = computed(() => status.value === 'OPEN') // WebSocket 连接是否打开 const getIsOpen = computed(() => status.value === 'OPEN') // WebSocket 连接是否打开
const getTagColor = computed(() => (getIsOpen.value ? 'success' : 'red')) // WebSocket 连接的展示颜色 const getTagColor = computed(() => (getIsOpen.value ? 'success' : 'red')) // WebSocket 连接的展示颜色

6
src/views/mall/promotion/kefu/index.vue
View File

@ -25,7 +25,7 @@
import { KeFuConversationList, KeFuMessageList, MemberBrowsingHistory } from './components' import { KeFuConversationList, KeFuMessageList, MemberBrowsingHistory } from './components'
import { WebSocketMessageTypeConstants } from './components/tools/constants' import { WebSocketMessageTypeConstants } from './components/tools/constants'
import { KeFuConversationRespVO } from '@/api/mall/promotion/kefu/conversation' import { KeFuConversationRespVO } from '@/api/mall/promotion/kefu/conversation'
import { getAccessToken } from '@/utils/auth' import { getRefreshToken } from '@/utils/auth'
import { useWebSocket } from '@vueuse/core' import { useWebSocket } from '@vueuse/core'
defineOptions({ name: 'KeFu' }) defineOptions({ name: 'KeFu' })
@ -34,7 +34,9 @@ const message = useMessage() // 消息弹窗
// ======================= WebSocket start ======================= // ======================= WebSocket start =======================
const server = ref( const server = ref(
(import.meta.env.VITE_BASE_URL + '/infra/ws').replace('http', 'ws') + '?token=' + getAccessToken() (import.meta.env.VITE_BASE_URL + '/infra/ws').replace('http', 'ws') +
'?token=' +
getRefreshToken() // 使用 getRefreshToken() 方法，而不使用 getAccessToken() 方法的原因：WebSocket 无法方便的刷新访问令牌
) // WebSocket 服务地址 ) // WebSocket 服务地址
/** 发起 WebSocket 连接 */ /** 发起 WebSocket 连接 */