1
export interface Result<T = any> {
2
    code: number,
3
    msg: string,
4
    data?: T
5
}

1
api.interceptors.response.use(
2
  response => {
3
    const res: Result = response.data
4

5
    // 如果 code 不是 200，表示业务失败
6
    if (res.code !== 200) {
7
      console.error(`后端错误: ${res.msg}`);
8
      // 返回一个被拒绝的 Promise，携带自定义的错误信息
9
      return Promise.reject(new Error(res.msg))
10
    } else {
11
      return res.data
12
    }
13
  },
14
  error => {
15
    // 处理 HTTP 状态码层面的错误 (例如 404, 500 等)
16
    console.error('HTTP 请求错误:', error)
17
    return Promise.reject(error)
18
  }
19
)

1
interface User {
2
    id: number,
3
    username: string,
4
}
5

6
export interface saToken {
7
    tokenName: string,
8
    tokenValue: string,
9
    isLogin: boolean,
10
    loginId: string,
11
    loginType: string,
12
    tokenTimeout: number,
13
    sessionTimeout: number,
14
    tokenSessionTimeout: number,
15
    tokenActiveTimeout: number,
16
    loginDeviceType: string,
17
    tag?: string
18
}
19

20
interface LoginResponse {
21
    user: User,
22
    saToken: saToken
23
}
24

25
export type {
26
    User,
27
    LoginResponse
28
}

1
function login(username: string, password: string) {
2
  return api.post<Result<any>, LoginResponse>('/user/login', {
3
    username,
4
    password
5
  })
6
}

1
const handleLogin = async () => {
2
    try {
3
        if (!loginFormRef.value) {
4
            ElMessage.error("表单引用未就绪")
5
            return
6
        }
7
        // 验证表单
8
        const valid = await loginFormRef.value.validate()
9
        if (!valid) return
10

11
        loading.value = true
12

13
        // 这里替换为实际的登录API调用
14
        const loginResult = await login(loginForm.username, loginForm.password)
15
        const user = loginResult.user
16
        const saToken = loginResult.saToken
17
        localStorage.setItem('curUser', JSON.stringify(user))
18
        localStorage.setItem('token', JSON.stringify(saToken))
19

20
        ElMessage.success("登录成功")
21
        router.push('/')
22
    } catch (error: any) {
23
        ElMessage.error(error.message || '登录失败')
24
    } finally {
25
        loading.value = false
26
    }
27
}

1
const handleRegister = async () => {
2
    try {
3
        if (!registerFormRef.value) {
4
            ElMessage.error("表单引用未就绪")
5
            return
6
        }
7
        // 验证表单
8
        const valid = await registerFormRef.value.validate()
9
        if (!valid) return
10

11
        loading.value = true
12

13
        await register(registerForm.username, registerForm.password)
14

15
        router.push('/login')
16
    } catch (error: any) {
17
        ElMessage.error(error.message || '注册失败')
18
    } finally {
19
        loading.value = false
20
    }
21
}