koa2+koa-session+svg-captcha实现登录验证码以及存储验证功能

//首先我们在vue项目中安装如下
npn install koa-sessio svg-captcha -D
//然后我们引入对应的插件
const Koa = require("koa");
const app = new Koa();
const Koa_Session = require("koa-session");
//这个是配合signed属性的签名key
const session_signed_key = ["appletSystem"];
const sessionConfig = require("./config/session.js");
const session = Koa_Session(sessionConfig, app);
app.keys = session_signed_key;

//如下就是config中的session.js文件：

const sessionConfig = {
	key: "appletSystem:sess", //cookie的key,(默认是:koa:sess)
	maxAge: 1000 * 60 * 60 * 30, //session过期时间
	autoCommit: true, //自动提交到响应头，(默认是true)
	overwrite: true, //是否允许重写
	httpOnly: false, //cookie是否只有服务端可以访问
	signed: false, //是否签名
	rolling: true, //是否每次响应时重写刷新session的有效期
	renew: false, //是否在session快过期时刷新session的有效期 默认false
};
module.exports = sessionConfig;

然后我们在相应的获取验证码接口中写入如下我的是user.js文件我的用户接口文件：

const svgCaptcha = require("svg-captcha");
let router = new Router();
router.get("/capture", async (ctx, next) => {
	//createMathExpr 数字相加的验证码
	const cap = svgCaptcha.create({
		size: 6, // 验证码长度
		width: 120, //验证码的宽度
		height: 40, //验证码的高度
		fontSize: 45, //验证码的字体大小
		ignoreChars: "0oO1ilI", // 验证码字符中排除 0o1i
		noise: 2, // 干扰线条的数量
		color: true, // 验证码的字符是否有颜色，默认没有，如果设定了背景，则默认有
		background: "#eee", // 验证码图片背景颜色
	});
	//svg装base64
	let img = new Buffer.from(cap.data).toString("base64"); // 验证码
	let base64Img = "data:image/svg+xml;base64," + img;
	let text = cap.text.toLowerCase(); // 验证码字符，忽略大小写
	console.log(text);
	ctx.session.picCode = text;
	// ctx.type = "html";
	// ctx.body = `${base64Img}<br><a href="javascript: window.location.reload();">${text}</a>`;
	ctx.success({
		imgurl: base64Img,
	});
});

如上就是获取验证码的接口我亲自实验如有问题尽情咨询