chore: update project files
This commit is contained in:
@@ -22,14 +22,33 @@ const api = axios.create({
|
||||
// 请求拦截器
|
||||
api.interceptors.request.use(
|
||||
(config) => {
|
||||
// 使用JWT认证,添加Authorization头
|
||||
const token = sessionStorage.getItem('token')
|
||||
if (token && token !== 'null' && token.trim() !== '') {
|
||||
config.headers.Authorization = `Bearer ${token}`
|
||||
console.log('请求拦截器:添加Authorization头,token长度:', token.length)
|
||||
// 登录相关的接口不需要添加token
|
||||
const loginUrls = [
|
||||
'/auth/login',
|
||||
'/auth/login/email',
|
||||
'/auth/register',
|
||||
'/verification/email/send',
|
||||
'/verification/email/verify',
|
||||
'/verification/email/dev-set',
|
||||
'/public/'
|
||||
]
|
||||
|
||||
// 检查当前请求是否是登录相关接口
|
||||
const isLoginRequest = loginUrls.some(url => config.url.includes(url))
|
||||
|
||||
if (!isLoginRequest) {
|
||||
// 非登录请求才添加Authorization头
|
||||
const token = sessionStorage.getItem('token')
|
||||
if (token && token !== 'null' && token.trim() !== '') {
|
||||
config.headers.Authorization = `Bearer ${token}`
|
||||
console.log('请求拦截器:添加Authorization头,token长度:', token.length)
|
||||
} else {
|
||||
console.warn('请求拦截器:未找到有效的token')
|
||||
}
|
||||
} else {
|
||||
console.warn('请求拦截器:未找到有效的token')
|
||||
console.log('请求拦截器:登录相关请求,不添加token:', config.url)
|
||||
}
|
||||
|
||||
return config
|
||||
},
|
||||
(error) => {
|
||||
@@ -44,62 +63,99 @@ api.interceptors.response.use(
|
||||
// 检查是否是HTML响应(可能是302重定向的结果)
|
||||
if (response.data && typeof response.data === 'string' && response.data.trim().startsWith('<!DOCTYPE')) {
|
||||
console.error('收到HTML响应,可能是认证失败:', response.config.url)
|
||||
// 清除无效的token并跳转到登录页
|
||||
sessionStorage.removeItem('token')
|
||||
sessionStorage.removeItem('user')
|
||||
// 避免重复跳转
|
||||
if (router.currentRoute.value.path !== '/login') {
|
||||
ElMessage.error('认证失败,请重新登录')
|
||||
router.push('/login')
|
||||
|
||||
// 只有非登录请求才清除token并跳转
|
||||
const loginUrls = ['/auth/login', '/auth/login/email', '/auth/register', '/verification/', '/public/']
|
||||
const isLoginRequest = loginUrls.some(url => response.config.url.includes(url))
|
||||
|
||||
if (!isLoginRequest) {
|
||||
// 清除无效的token并跳转到登录页
|
||||
sessionStorage.removeItem('token')
|
||||
sessionStorage.removeItem('user')
|
||||
// 避免重复跳转
|
||||
if (router.currentRoute.value.path !== '/login') {
|
||||
ElMessage.error('认证失败,请重新登录')
|
||||
router.push('/login')
|
||||
}
|
||||
}
|
||||
// 返回错误,让调用方知道这是认证失败
|
||||
return Promise.reject(new Error('认证失败:收到HTML响应'))
|
||||
}
|
||||
|
||||
|
||||
// 检查302重定向
|
||||
if (response.status === 302) {
|
||||
console.error('收到302重定向,可能是认证失败:', response.config.url)
|
||||
sessionStorage.removeItem('token')
|
||||
sessionStorage.removeItem('user')
|
||||
if (router.currentRoute.value.path !== '/login') {
|
||||
ElMessage.error('认证失败,请重新登录')
|
||||
router.push('/login')
|
||||
}
|
||||
return Promise.reject(new Error('认证失败:302重定向'))
|
||||
}
|
||||
|
||||
// 直接返回response,让调用方处理data
|
||||
return response
|
||||
},
|
||||
(error) => {
|
||||
if (error.response) {
|
||||
const { status, data } = error.response
|
||||
|
||||
// 检查响应数据是否是HTML(302重定向的结果)
|
||||
if (data && typeof data === 'string' && data.trim().startsWith('<!DOCTYPE')) {
|
||||
console.error('收到HTML响应(可能是302重定向):', error.config.url)
|
||||
|
||||
// 只有非登录请求才清除token并跳转
|
||||
const loginUrls = ['/auth/login', '/auth/login/email', '/auth/register', '/verification/', '/public/']
|
||||
const isLoginRequest = loginUrls.some(url => response.config.url.includes(url))
|
||||
|
||||
if (!isLoginRequest) {
|
||||
sessionStorage.removeItem('token')
|
||||
sessionStorage.removeItem('user')
|
||||
if (router.currentRoute.value.path !== '/login') {
|
||||
ElMessage.error('认证失败,请重新登录')
|
||||
router.push('/login')
|
||||
}
|
||||
return Promise.reject(error)
|
||||
}
|
||||
|
||||
switch (status) {
|
||||
case 401:
|
||||
case 302:
|
||||
// 302也可能是认证失败导致的
|
||||
return Promise.reject(new Error('认证失败:302重定向'))
|
||||
}
|
||||
|
||||
// 直接返回response,让调用方处理data
|
||||
return response
|
||||
},
|
||||
(error) => {
|
||||
if (error.response) {
|
||||
const { status, data } = error.response
|
||||
|
||||
// 检查响应数据是否是HTML(302重定向的结果)
|
||||
if (data && typeof data === 'string' && data.trim().startsWith('<!DOCTYPE')) {
|
||||
console.error('收到HTML响应(可能是302重定向):', error.config.url)
|
||||
|
||||
// 只有非登录请求才清除token并跳转
|
||||
const loginUrls = ['/auth/login', '/auth/login/email', '/auth/register', '/verification/', '/public/']
|
||||
const isLoginRequest = loginUrls.some(url => error.config.url.includes(url))
|
||||
|
||||
if (!isLoginRequest) {
|
||||
sessionStorage.removeItem('token')
|
||||
sessionStorage.removeItem('user')
|
||||
if (router.currentRoute.value.path !== '/login') {
|
||||
ElMessage.error('认证失败,请重新登录')
|
||||
router.push('/login')
|
||||
}
|
||||
}
|
||||
return Promise.reject(error)
|
||||
}
|
||||
|
||||
switch (status) {
|
||||
case 401:
|
||||
case 302:
|
||||
// 只有非登录请求才清除token并跳转
|
||||
const loginUrls = ['/auth/login', '/auth/login/email', '/auth/register', '/verification/', '/public/']
|
||||
const isLoginRequest = loginUrls.some(url => error.config.url.includes(url))
|
||||
|
||||
if (!isLoginRequest) {
|
||||
// 302也可能是认证失败导致的
|
||||
sessionStorage.removeItem('token')
|
||||
sessionStorage.removeItem('user')
|
||||
if (router.currentRoute.value.path !== '/login') {
|
||||
ElMessage.error('认证失败,请重新登录')
|
||||
router.push('/login')
|
||||
}
|
||||
}
|
||||
break
|
||||
case 403:
|
||||
ElMessage.error('权限不足')
|
||||
// 403可能是权限不足或CORS问题
|
||||
// 如果是登录请求的403,不要显示"权限不足",而是显示具体错误信息
|
||||
const loginUrls403 = ['/auth/login', '/auth/login/email', '/auth/register', '/verification/', '/public/']
|
||||
const isLoginRequest403 = loginUrls403.some(url => error.config.url.includes(url))
|
||||
|
||||
if (!isLoginRequest403) {
|
||||
ElMessage.error('权限不足')
|
||||
} else {
|
||||
// 登录请求的403,显示具体错误或网络问题
|
||||
ElMessage.error(data?.message || '请求失败,请检查网络连接')
|
||||
}
|
||||
break
|
||||
case 404:
|
||||
ElMessage.error('请求的资源不存在')
|
||||
@@ -115,7 +171,7 @@ api.interceptors.response.use(
|
||||
} else {
|
||||
ElMessage.error('请求配置错误')
|
||||
}
|
||||
|
||||
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user