如何在前端实现调用tp6框架后台的验证码验证功能？

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

环境：uni-app + 前端：uni-app + 后端：ThinkPHP6需求：在前端登录页面，调用后端ThinkPHP6的验证码功能，通过后端API接口获取验证码图片地址。实现方法：设置后端API接口，提供验证码图片获取接口。

环境

前端：uni-app

后端：thinkphp6

在做前端登录页面时，想在登录页面调用后端thinkphp6的验证码功能，于是尝试前端通过后端的api接口获取captcha的图片地址。尝试的方法是设置后端的api方法getCaptcha，在方法中通过调用captcha_src()后，可以获得图片地址，然后再返回给前端调用，可以正常显示验证码图片。但是问题来了，登录时总是提示验证码不正确。后来经过对比发现所获得的验证码的sessionID与我登录提交时的sessionID不一致，所以导致验证不通过。

为什么前端通过img标签的src地址指向thinkphp6的验证码地址时，后台所生成的sessionID与我在当前页面操作时所生成的sessionID不一样呢，这个机制目前还是搞不明白。