feat: token失效问题修复

This commit is contained in:
hzj 2025-10-24 16:03:12 +08:00
parent 37089cad06
commit 62f9d8f6db
3 changed files with 174 additions and 151 deletions

View File

@ -151,3 +151,25 @@ export const withdrawApply = async (data) => {
throw error
}
}
// 可提现金额转账给指定用户
export const transferActivityDollar = async (data) => {
try {
const response = await post('/activity/lottery/transfer', data)
return response
} catch (error) {
console.error('Failed to fetch transfer activity dollar:', error)
throw error
}
}
// 可提现金额兑换金币
export const exchangeCoin = async (data) => {
try {
const response = await post('/activity/lottery/exchange', data)
return response
} catch (error) {
console.error('Failed to fetch exchange coin:', error)
throw error
}
}

View File

@ -289,7 +289,7 @@
v-for="coin in coinOptions"
:key="coin.id"
@click="selectCoin(coin)"
:class="['coin-item', { selected: selectedCoin === coin.id }]"
:class="['coin-item', { selected: selectedCoin.id === coin.id }]"
>
<img src="/src/assets/icon/dollar.png" alt="" style="width: 40%" />
<div style="font-weight: 500; color: #131111">${{ coin.price }}</div>
@ -310,7 +310,7 @@
font-weight: 590;
"
@click="transfer"
:disabled="!selectedCoin || !selectedPayee.value?.id"
:disabled="!selectedCoin || !selectedPayee.value.id"
>
Transfer
</div>
@ -349,7 +349,7 @@
v-for="coin in coinOptions"
:key="coin.id"
@click="selectCoin(coin)"
:class="['coin-item', { selected: selectedCoin === coin.id }]"
:class="['coin-item', { selected: selectedCoin.id == coin.id }]"
>
<img src="/src/assets/icon/coin.png" alt="" style="width: 40%" />
<div style="font-size: 0.7em">{{ coin.amount }} coins x1</div>
@ -370,7 +370,7 @@
background: linear-gradient(135deg, #bb92ff 2.82%, #8b45ff 99.15%);
font-weight: 590;
"
:disabled="!selectedCoin || !selectedPayee.value?.id"
:disabled="!selectedCoin.id || !selectedPayee.value?.id"
>
Exchange
</div>
@ -850,6 +850,8 @@ import {
receiveTickets, //
winnerHistory, //
withdrawableAmount, //
transferActivityDollar, //
exchangeCoin, //
} from '@/api/lottery'
import Barrage from '@/components/Lottery/Barrage.vue'
@ -986,10 +988,10 @@ const coinOptions = ref([
//
const selectCoin = (coin) => {
//
if (selectedCoin.value === coin.id) {
if (selectedCoin.value.id === coin.id) {
selectedCoin.value = null
} else {
selectedCoin.value = coin.id
selectedCoin.value = coin
}
}
@ -1005,18 +1007,9 @@ const transfer = async () => {
return
}
const selectedCoinData = coinOptions.find((coin) => coin.id === selectedCoin.value)
//
// const password = prompt('Please enter your payment password:')
// if (!password) {
// showError('Payment password is required')
// return
// }
//
const transferData = {
amount: selectedCoinData.price,
amount: selectedCoin.value.price,
acceptUserId: selectedPayee.value?.id,
acceptMethod: 'BANK_TRANSFER',
// password: password
@ -1214,7 +1207,7 @@ const connectToApp = async () => {
console.groupEnd()
//
getUserInfo()
initData() //
return { success: true, environment: 'browser' }
}
@ -1234,7 +1227,7 @@ const connectToApp = async () => {
console.groupEnd()
//
getUserInfo()
initData() //
return { success: true, environment: 'app', fromCache: true }
}
@ -1248,7 +1241,7 @@ const connectToApp = async () => {
console.groupEnd()
//
getUserInfo()
initData() //
return { success: true, environment: 'app', fromCache: true }
}
@ -1299,7 +1292,7 @@ const connectToApp = async () => {
console.groupEnd()
//
getUserInfo()
initData() //
return connectionResult
} catch (error) {
@ -1417,9 +1410,9 @@ const receiveTaskReward = async (code) => {
}
}
onMounted(() => {
connectToApp()
isInAppEnvironment.value = isInApp()
//
const initData = () => {
getUserInfo() //
initializePayee() //
getRanking() //
getActivityDetail() //
@ -1427,6 +1420,11 @@ onMounted(() => {
getTickets() //
getTaskList() //
getWinners() //
}
onMounted(() => {
connectToApp()
isInAppEnvironment.value = isInApp()
})
onUnmounted(() => {

View File

@ -205,7 +205,7 @@
);
"
></div>
<div style="font-weight: 590; font-size: 0.85em">Remaining time</div>
<div style="font-weight: 590; font-size: 0.82em">Remaining time</div>
<div
style="
width: 1px;
@ -218,7 +218,7 @@
"
></div>
</div>
<div style="flex: 1; font-weight: 590; text-align: end; font-size: 0.85em">
<div style="flex: 1; font-weight: 590; text-align: end; font-size: 0.82em">
Prowide income
</div>
</div>
@ -505,128 +505,6 @@ const copyCode = (text) => {
}, 2000)
}
/**
* 连接APP并获取认证信息优化版 - 仅专注连接
*/
const connectToApp = async () => {
console.group('🔗 APP Connection Process')
console.debug('🚀 Starting APP connection...')
try {
// APP
if (!isInApp()) {
console.debug('🌐 Browser environment detected')
appConnected.value = true
console.groupEnd()
//
// getUserInfo()
return { success: true, environment: 'browser' }
}
//
if (isAppConnected()) {
console.debug('✅ APP already connected and valid')
appConnected.value = true
// 使
const cachedHeaderInfo = getAppHeaderInfo()
if (cachedHeaderInfo) {
headerInfo.value = cachedHeaderInfo
console.debug('🔧 Using cached HTTP headers')
}
console.groupEnd()
//
// getUserInfo()
return { success: true, environment: 'app', fromCache: true }
}
//
if (appConnectionManager.isConnecting()) {
console.debug('⏳ Connection already in progress, waiting...')
await appConnectionManager.getConnectionPromise()
appConnected.value = true
console.debug('✅ Connected via existing process')
console.groupEnd()
//
// getUserInfo()
return { success: true, environment: 'app', fromCache: true }
}
// APP
console.debug('📱 Establishing new APP connection...')
const connectionResult = await new Promise((resolve, reject) => {
const connectionPromise = new Promise((connectResolve, connectReject) => {
connectApplication(async (access) => {
try {
const result = parseAccessOrigin(access)
if (result.success) {
//
headerInfo.value = parseHeader(result.data)
// HTTP
console.debug('🔧 Setting HTTP headers...')
await setHttpHeaders(headerInfo.value)
//
appConnected.value = true
appConnectionManager.setConnected(headerInfo.value)
console.debug('🎉 APP connection established successfully')
connectResolve({ success: true, environment: 'app', fromCache: false })
} else {
console.error('❌ Failed to parse access origin:', result.error)
appConnectionManager.reset()
connectReject(new Error(result.error))
}
} catch (error) {
console.error('❌ Connection process failed:', error)
appConnectionManager.reset()
connectReject(error)
}
})
})
//
appConnectionManager.setConnecting(connectionPromise)
connectionPromise.then(resolve).catch(reject)
})
console.debug('✅ Connection completed successfully')
console.groupEnd()
//
// getUserInfo()
return connectionResult
} catch (error) {
console.error('❌ Connection failed:', error)
appConnected.value = false
console.groupEnd()
//
// if (onConnectionFailed) {
// onConnectionFailed(error)
// }
//
if (error.message && error.message.includes('parse access')) {
router.push({ path: '/not_app', query: { message: error.message } })
}
return { success: false, error: error.message }
}
}
//
const confirmInvitationCode = () => {
if (!invitationCode.value.trim()) {
@ -696,14 +574,139 @@ const receiveAward = async (awardId) => {
}
}
onMounted(() => {
connectToApp()
isInAppEnvironment.value = isInApp()
//
const initData = () => {
apiGetMyInviteCode() //
apiGetMyInviteIncome() //
apiGetMyInviteUsers() //
apiGetInviteAwardPool() //
}
/**
* 连接APP并获取认证信息优化版 - 仅专注连接
*/
const connectToApp = async () => {
console.group('🔗 APP Connection Process')
console.debug('🚀 Starting APP connection...')
try {
// APP
if (!isInApp()) {
console.debug('🌐 Browser environment detected')
appConnected.value = true
console.groupEnd()
//
initData()
return { success: true, environment: 'browser' }
}
//
if (isAppConnected()) {
console.debug('✅ APP already connected and valid')
appConnected.value = true
// 使
const cachedHeaderInfo = getAppHeaderInfo()
if (cachedHeaderInfo) {
headerInfo.value = cachedHeaderInfo
console.debug('🔧 Using cached HTTP headers')
}
console.groupEnd()
//
initData()
return { success: true, environment: 'app', fromCache: true }
}
//
if (appConnectionManager.isConnecting()) {
console.debug('⏳ Connection already in progress, waiting...')
await appConnectionManager.getConnectionPromise()
appConnected.value = true
console.debug('✅ Connected via existing process')
console.groupEnd()
//
initData()
return { success: true, environment: 'app', fromCache: true }
}
// APP
console.debug('📱 Establishing new APP connection...')
const connectionResult = await new Promise((resolve, reject) => {
const connectionPromise = new Promise((connectResolve, connectReject) => {
connectApplication(async (access) => {
try {
const result = parseAccessOrigin(access)
if (result.success) {
//
headerInfo.value = parseHeader(result.data)
// HTTP
console.debug('🔧 Setting HTTP headers...')
await setHttpHeaders(headerInfo.value)
//
appConnected.value = true
appConnectionManager.setConnected(headerInfo.value)
console.debug('🎉 APP connection established successfully')
connectResolve({ success: true, environment: 'app', fromCache: false })
} else {
console.error('❌ Failed to parse access origin:', result.error)
appConnectionManager.reset()
connectReject(new Error(result.error))
}
} catch (error) {
console.error('❌ Connection process failed:', error)
appConnectionManager.reset()
connectReject(error)
}
})
})
//
appConnectionManager.setConnecting(connectionPromise)
connectionPromise.then(resolve).catch(reject)
})
console.debug('✅ Connection completed successfully')
console.groupEnd()
//
initData()
return connectionResult
} catch (error) {
console.error('❌ Connection failed:', error)
appConnected.value = false
console.groupEnd()
//
// if (onConnectionFailed) {
// onConnectionFailed(error)
// }
//
if (error.message && error.message.includes('parse access')) {
router.push({ path: '/not_app', query: { message: error.message } })
}
return { success: false, error: error.message }
}
}
onMounted(() => {
connectToApp()
isInAppEnvironment.value = isInApp()
})
</script>