背景

关于验证码的使用场景还是非常多的，很多网站上的验证码可谓是五花八门，下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。

准备工作

• 访问KgCaptcha网站，注册账号后登录控制台，访问“无感验证”模块，申请开通后系统会分配给应用一个AppId和AppSecret。
• 提供后端SDK来校验token(即安全凭据)是否合法 ，目前支持PHP版、Python版、Java/JSP版、.Net C#版。
• 访问Vue.js中文官网，复制Vue.js插件链接。
• 注意：先HTML头部初始化行为验证码，然后HTML底部初始化Vue.js，否则KgCaptcha的js部分函数与被Vue.js发生冲突，导致失效。

HTML、JS代码

    

        
        token: 
        
        
 
        
        提交
        点击弹出验证窗口 
        
    

 

 

最后

SDK开源地址： https://github.com/KgCaptcha，顺便做了一个演示： https://www.kgcaptcha.com/demo/