基于 Vue3.0 + Vite 开发，动态生成验证滑块的验证码组件
[](https://www.npmjs.org/package/makeit-captcha)
[](http://www.npmtrends.com/makeit-captcha)
## 关于
> Makeit Captcha 滑块验证码组件，是基于 Vue3.0 + Vite + Canvas 开发，动态生成验证滑块，结合后端进行二次校验，能有效避免被恶意抓取后的模拟验证，进一步提升验证码的可靠性。
## 安装
```bash
npm i makeit-captcha
```
## 使用
```ts
import { createApp } from 'vue'
import MakeitCaptcha from 'makeit-captcha'
import 'makeit-captcha/dist/captcha.min.css'
import App from './app.vue'
const app = createApp(App)
app.use(MakeitCaptcha)
app.mount('#app')
```
## 示例
```vue
```
```ts
import { defineComponent } from 'vue'
export default defineComponent({
data() {
return {
verifyParams: {}
}
},
methods: {
initAfter(res) {
if (res.ret.code === 1) {
localStorage.setItem('mi-captcha-key', res.data.key)
this.verifyParams = {key: res.data.key}
}
}
}
})
```
## 更多
> 更多定制化内容及使用请查看在线示例：[https://admin.makeit.vip/components/captcha](https://admin.makeit.vip/components/captcha)