Electron-vue项目中如何使用TP5.1集成验证码功能？

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

下面是简化后的内容：

TP5.1教程：介绍如何在Electron-vue项目中使用验证码，希望对需要的朋友有所帮助！

下面thinkphp框架教程栏目将给大家介绍关于TP5.1让验证码在另外的项目（Electron-vue）里面使用，希望对需要的朋友有所帮助！

TP5.1让验证码在另外的项目（Electron-vue）里面使用

博客说明

文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！

介绍

一般来说在TP5.1里面的验证码模块是用于给TP5.1的视图层用的，使用和验证也十分的方便，但是这一次想要用于TP5.1以外的模块，比如说Electron-vue。

官方手册地址

www.kancloud.cn/manual/thinkphp5_1/354122

验证码的思想

验证码大概就是在服务器端生成一个随机数，然后把这个随机数制作成一个带数字的图像，再把这个数字存入到session中，在客户端根据图片获得的验证码之后，再来进行对比，如果相同那么验证通过。

思路

那么我获取了多个验证码之后，服务器怎么知道我是哪个验证码，在TP5.1框架里面倒是知道，那么在vue的项目里面怎么知道呢？其实不管是在哪个项目，这个session存储的时候是以键值对的形式来存储的，值是我们的验证码，那么我们的键呢？也就是我们的这个验证码的名称呢？它其实给了我们，在我们调用验证码的接口的时候，他就把这个名称发到了我们客户端的cookie中，不信的话我们可以来看一下

所以我们只需要在客户端传递验证码的接口的时候吧cookie一起带过去就好了.