fix: 商品详情页未登录时不触发登录跳转
Build and Push Docker Image / build-and-push (push) Successful in 1m0s
Build and Push Docker Image / deploy (push) Successful in 7s

- request.ts: 增加 silent 选项支持静默请求
- request.ts: 公开接口 401 不显示消息也不跳转
- ProductDetail.vue: fetchUserCredits 先检查 token,未登录直接跳过请求
This commit is contained in:
2026-07-13 00:52:08 +00:00
parent 6af4ac907e
commit 7b81d2944a
2 changed files with 23 additions and 8 deletions
+16 -7
View File
@@ -25,6 +25,10 @@ api.interceptors.response.use(
(response) => response.data, (response) => response.data,
(error) => { (error) => {
const message = error.response?.data?.error || error.message || 'Request failed' const message = error.response?.data?.error || error.message || 'Request failed'
// 如果请求标记为静默失败,不显示任何消息
const silent = error.config?.silent
if (error.response?.status === 401) { if (error.response?.status === 401) {
const isLoginRequest = error.config?.url?.includes('/auth/login') const isLoginRequest = error.config?.url?.includes('/auth/login')
const isRegisterRequest = error.config?.url?.includes('/auth/register') const isRegisterRequest = error.config?.url?.includes('/auth/register')
@@ -38,21 +42,26 @@ api.interceptors.response.use(
error.config?.url?.includes('/lotteries') error.config?.url?.includes('/lotteries')
if (isLoginRequest || isRegisterRequest) { if (isLoginRequest || isRegisterRequest) {
ElMessage.error(message) if (!silent) ElMessage.error(message)
} else if (!isPublicRequest) { } else if (!isPublicRequest && !silent) {
localStorage.removeItem('token') localStorage.removeItem('token')
localStorage.removeItem('user') localStorage.removeItem('user')
ElMessage.error('请先登录') ElMessage.error('请先登录')
router.push('/login') router.push('/login')
} else {
// 公开接口的 401 错误静默处理,不跳转登录
console.warn('Public API 401:', error.config?.url)
} }
} else { // 公开接口或静默请求的 401 错误不显示消息也不跳转
} else if (!silent) {
ElMessage.error(message) ElMessage.error(message)
} }
return Promise.reject(error) return Promise.reject(error)
}, },
) )
export default api // 扩展 axios 类型以支持 silent 选项
declare module 'axios' {
interface AxiosRequestConfig {
silent?: boolean
}
}
export default api
+7 -1
View File
@@ -93,10 +93,16 @@ function hasEnoughCredit(): boolean {
// 获取用户资格信息 // 获取用户资格信息
async function fetchUserCredits() { async function fetchUserCredits() {
// 未登录时静默跳过,不发起请求
const token = localStorage.getItem('token')
if (!token) return
try { try {
const res: any = await userApi.getProfile() const res: any = await userApi.getProfile()
userCredits.value = res.data?.purchase_credits || 0 userCredits.value = res.data?.purchase_credits || 0
} catch {} } catch {
// 静默处理错误
}
} }
onMounted(async () => { onMounted(async () => {