2. 初始化组件

2)下载相关依赖, npm install crypto-js -S

基础示例

<template>
    <Verify
      @success="'success'" //验证成功的回调函数
      :mode="'pop'"     //调用的模式
          :captchaType="'blockPuzzle'"    //调用的类型 点选或者滑动   
          ref="verify"
    ></Verify>
    //mode="pop"模式
        <button @click="useVerify">调用验证组件</button>
</template>
****注: mode为"pop"时,使用组件需要给组件添加ref值,并且手动调用show方法 例: this.$refs.verify.show()**** <br/>
****注: mode为"fixed"时,无需添加ref值,无需调用show()方法****
<script>
import Verify from "./../../components/verifition/Verify";
export default {
    name: 'app',
    components: {
        Verify
    }
    methods:{
       success(params){
          // params 返回的二次验证参数, 和登录参数一起回传给登录接口，方便后台进行二次验证
           },
           useVerify(){
              this.$refs.verify.show()
    }
}
</script>
</script>

let baseUrl = "https://mirror.anji-plus.com/captcha-api"

3.回调事件

5.1默认接口api地址

接口地址：http://*:*/captcha/get

请求参数：

    "captchaType": "blockPuzzle"  //验证码类型 clickWord
}

响应参数：

5.3 核对验证码接口详情

请求接口：

请求参数：

{
     "captchaType": "blockPuzzle",
     "pointJson": "QxIVdlJoWUi04iM+65hTow==",  //aes加密坐标信息
     "token": "71dd26999e314f9abb0c635336976635"  //get请求返回的token
}

响应参数：

{
    "repCode": "0000",
    "repData": {
        "captchaType": "blockPuzzle",
        "token": "71dd26999e314f9abb0c635336976635",
        "result": true,
        "opAdmin": false
    },
    "success": true,
    "error": false