如何用Vue和TypeScript实现极验登录验证的详细步骤？

本文共计1106个文字，预计阅读时间需要5分钟。

此功能基于vue（v2.6.8）+ TypeScript（v3.3.3333），引入极验验证（geetest+v3，官方API），采用product: 'bind'模式。页面加载后初始化ininGeetest，点击登录按钮后先进行表单验证，再通过弹出滑块完成验证。

此功能基于vue（v2.6.8） + typescript（v3.3.3333）, 引入极验（geetest v3+）（官方api），使用其product: 'bind'模式， 页面挂载后初始化ininGeetest，点击登录按钮后先做表单验证，通过后弹出滑块框，拖动验证成功，执行登录方法。

本项目为前后端分离，所以后端部署部分，请自行参考文档操作

后台接口：

开始：/public/js目录添加 jquery-1.12.3.min.js文件 和 gt.js（下载）在/public/index.html中引入以上添加的两个文件login.vue使用注意事项：要注意在gt.js中，initGeetest已被挂载到window对象

页面可能报错： Uncaught SyntaxError: Unexpected token <

将报错对象添加到与public同级的static目录下（没有则新建），修改引入路径即可。