https://github.com/produck/svg-captcha

  1. npm install --save svg-captcha

验证码细节

用redis存验证码值
前台点击二维码，要刷新；刷新页面验证码也要刷新
https://www.codeleading.com/article/29115579333/
https://www.1024sou.com/article/440263.html
https://www.jianshu.com/p/0865b692cc71
https://blog.csdn.net/xuelang532777032/article/details/118677831

Controller

/app/controller/captcha.js

  1. 'use strict';
  2. const svgCaptcha = require('svg-captcha');
  3. const {Controller} = require('egg');
  5. class CaptchaController extends Controller {
  6.   async index() {
  7.     const captcha = svgCaptcha.create({
  8.       size: 4,
  9.       fontSize: 50,
  10.       ignoreChars: 'Ooli',
  11.       width: 100,
  12.       height: 40,
  13.       noise: 3,
  14.       color: true,
  15.       background: '#cc9966',
  16.     });
  17.     this.ctx.session.captcha = captcha.text;
  18.     this.ctx.response.type = 'image/svg+xml';
  19.     this.ctx.body = captcha.data;
  20.   }
  21. }
  23. module.exports = CaptchaController;

router.js 新增路由
浏览器运行http://127.0.0.1:7001/captcha 就可以看到对应的图形验证码

  1. router.get('/captcha', controller.captcha.index);