滑动图片验证码基于react和koa2渲染的图片滑动验证码使用gitclonehttps://gitee.com/dacrandex/image-code.git//前端cdimage-code/clientnpminpmstart//后端cdimage-code/servernpminpmstart业务逻辑前端请求数据后端返回主图,与前端交互小滑块图片,滑动后获取滑动x值并传递用户信息和x判断后台和后台是否正确,返回信息给前后台。这主要是图像处理的问题。我已经尝试过node-canvas、node-images和node-sharp。但是有无法安装或者需要安装非常麻烦的依赖库的问题。最后选择node-gm。基本上可以满足需求。但是,你仍然需要安装一个依赖库,GraphicsMagick或ImageMagick。推荐的是GraphicsMagick,其实ImageMagick就够用了。关于安装ImageMagick。我的环境是windows。除了安装软件,我还需要配置windows环境变量。在线查看。前端部分问题不大。只需要配置axios(/src/utils/axios.js),主要是交叉的问题。如果不使用axios,可以根据情况解决跨域。
