---
url: /guide/login.md
---
# 登录相关

登录相关功能包括登录、注册、忘记密码等，所有的表单组件均存放在 `apps/<app>/src/components/AppAccountForm/` 目录下。

## 登录

开发者通常在简单熟悉本框架后，涉及到的第一步业务开发就是修改登录功能，将其替换为自己的登录接口。

但在实践过程中，经常会遇到一些问题，比如：

* 替换真实接口后，无法正常登录
* 登录接口请求成功，但是无法跳转到后台主页
* ...

针对这些问题你需要依次检查以下几点：

1. 在 `apps/<app>/.env.development` 里检查接口请求地址是否正确。
2. 在 `apps/<app>/src/api/index.ts` 里修改响应拦截器里的代码，按照实际情况进行调整。例如什么状态下是请求成功，什么状态下是请求异常，并进行错误提示。
3. 在 `apps/<app>/src/api/modules/app.ts` 里修改 `login` 函数，确保接口可以请求成功。
4. 在 `apps/<app>/src/store/modules/account.ts` 里修改 `isLogin` 计算属性，这部分需要根据实际存储的用户信息去判断是否登录。

## 注册、忘记密码

如果不需要注册、忘记密码功能，可以在 `apps/<app>/src/views/login.vue` 中删除相关组件使用的代码。
