🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# Vaptcha验证码 * [官网免费注册使用](https://www.vaptcha.com/) ### 配置VID和KEY * 进入后台创建验证获得VID和KEY ![](https://img.kancloud.cn/c6/d3/c6d3cda3b986518e5b9faa482d4d86e0_1004x446.png) * 将VID和KEY填入“系统配置”相应处,后端验证逻辑见`cn.exrick.Tceon-PERFOOT .config.security.validate.VaptchaValidateFilter` ![](https://img.kancloud.cn/d6/4d/d64d0be82f097c25da6a61794213be7b_2006x902.png) ### 前端配置VID * 在`public/config.js`中修改配置VID,打包后仍可找到该文件修改 * 离线接口地址:`/Tceon-PERFOOT /common/vaptcha/offline` ### 附:前端使用示例 ~~~ <div id="vaptchaContainer"></div> ~~~ ~~~ let token; vaptcha({ vid: "5b7d5ee2fc65*******", // 验证单元id type: "click", // 展现类型 点击式 container: "#vaptchaContainer", offline_server: "/Tceon-PERFOOT /common/vaptcha/offline", // 离线验证接口地址 可选但此处不能为空 }).then(function(vaptchaObj) { vaptchaObj.render(); // 加载验证按钮 vaptchaObj.listen("pass", function() { // 验证成功 token = vaptchaObj.getToken(); }); }); ~~~