首先修改/front/page/login.html代码,主要是getCode()和btnLogin()方法:
- 第一步:注释random随机生成验证码,随后发送sendMsgApi请求
- 第二步:将btnLogin()方法中定义传递的res参数从this.form.phone修改成this.form
- 第三步:在front/api/login.js文件下添加sendMsgApi的ajax请求:
UserController和LoginCheckFilter的写法跟黑马视频中一样
遇到的问题和解决方案:
Q1:项目启动后打开网页显示whitelabel page error
A1:出现这种情况多半是直接复制的资料里面的代码,建议直接在原来的基础上手改
Q2:控制台调试没有拦截到sendMsg请求
A2:检查过滤器类中过滤路径有没有写错,例如我刚开始少写了一个"/",正确的过滤路径是
"/user/sendMsg"
Q3:网页代码调试工具点击“发送验证码”没有发送sendMsg请求
A3:(1)清除浏览器cookie和缓存;(2)ctrl+f5强刷
Over,只是一些初学者遇到的小问题,记录一下。