开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):注册前端整合(2)】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/667/detail/11453
注册前端整合(2)
内容介绍:
一、整合注册功能步骤
二、相关问题解决
一、整合注册功能步骤
1.在 api 创建r egister.js,定义注册接口的方法
2.页面中实现倒计时效果,使用 js 定时器的方法实现
<script>
//js 定时器的方法
/每隔一段时间执行一次 js 方法
setinterval ( "alert ( 'test') ",3000);
< / script>
3.检查 nginx,路径匹配规则
打开 nginx 配置文件做检查,检查地址号和地址名称。
location ~ / educenter/ {
proxy_pass http: // localhost:8006;
}
location ~ / edumsm/{
proxy_pass http:// localhost:8005;
}
4. 重启 nginx,启动需要的服务:发短信接口和注册接口,在前端页面进行注册测试。
5.注册测试,输入昵称、手机号,点击“获取验证码”时,手机收到了验证码提醒,但注册页面不显示倒计时。
二、相关问题解决
问题:
前端注册页面点击获取验证码时,不显示倒计时。
点击“获取验证码”超连接时,“获取验证码”部分为固定值导致错误,倒计时方法中每减一个值会将这个值放入codetest 中,故将这个错误位置改成插值表达式{{codetest}},否则这个值取不到,修改后便会出现倒计时效果。