登录相关功能包括登录、注册、忘记密码等,所有的表单组件均存放在 apps/<app>/src/components/AppAccountForm/ 目录下。
开发者通常在简单熟悉本框架后,涉及到的第一步业务开发就是修改登录功能,将其替换为自己的登录接口。
但在实践过程中,经常会遇到一些问题,比如:
针对这些问题你需要依次检查以下几点:
apps/<app>/.env.development 里检查接口请求地址是否正确。apps/<app>/src/api/index.ts 里修改响应拦截器里的代码,按照实际情况进行调整。例如什么状态下是请求成功,什么状态下是请求异常,并进行错误提示。apps/<app>/src/api/modules/app.ts 里修改 login 函数,确保接口可以请求成功。apps/<app>/src/store/modules/account.ts 里修改 isLogin 计算属性,这部分需要根据实际存储的用户信息去判断是否登录。如果不需要注册、忘记密码功能,可以在 apps/<app>/src/views/login.vue 中删除相关组件使用的代码。