首先增加前端页面success_verify_email.html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>美多商城-邮箱验证成功</title> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> <script type="text/javascript" src="js/vue-2.5.16.js"></script> <script type="text/javascript" src="js/axios-0.18.0.min.js"></script> <script type="text/javascript" src="js/host.js"></script> </head> <body> <div class="find_header"> <img src="images/logo.png"> <span class="sub_page_name fl">| 邮箱验证成功</span> </div> <div class="find_form" id="email_result"> <div v-if="success" class="pass_change_finish">恭喜您，邮箱验证成功！<br/><a href="/index.html">返回主页</a></div> <div v-else class="pass_change_finish">链接已失效，验证失败，请重新验证！<br/><a href="/index.html">返回主页</a></div> </div> <div class="footer no-mp"> <div class="foot_link"> <a href="#">关于我们</a> <span>|</span> <a href="#">联系我们</a> <span>|</span> <a href="#">招聘人才</a> <span>|</span> <a href="#">友情链接</a> </div> <p>CopyRight © 2016 北京美多商业股份有限公司 All Rights Reserved</p> <p>电话：010-****888 京ICP备*******8号</p> </div> <script> var vm = new Vue({ el: '#email_result', data: { host, success: true }, created: function(){ axios.get(this.host+'/emails/verification/'+ document.location.search) .then(response => { this.success = true; }) .catch(error => { this.success = false; }); } }); </script> </body> </html>
调用了User的check_verify_email_token如下
url配置如下
测试
成功