Egg.js 集成 svg-captcha 生成验证码及 Vue 展示详解

一、Egg.js 后端集成

1. 安装依赖

npm install --save svg-captcha

2. 配置路由

编辑 app/router.js：

module.exports = app => {
  const { router, controller } = app;
  router.get('/api/verify', app.controller.base.verify);
};

3. 控制器与 Service 实现

Controller (controller/base.js)

async verify() {
  const { ctx } = this;
  // 调用 Service 方法获取验证码
  let captcha = await this.service.user.captcha();
  ctx.response.type = 'image/svg+xml';
  ctx.body = captcha.data;
}

Service (service/user.js)

const Service = require("egg").Service;
const svgCaptcha = require('svg-captcha');

class UserService extends Service {
   () {
     { ctx } = ;
    
     captcha = svgCaptcha.({
      : ,       
      : ,  
      : ,    
      : ,    
      :  
    });

    
    ctx.. = captcha.;

    
    

     captcha;
  }
}
. = ;