NESTJS 生成验证码/支持跨域

生成验证码

1. 需要下载 svg-captcha 

npm install svg-captcha -S

2. 引入svg-captcha(主要功能为生成验证码)，引入sxpress-session(主要用来登录时验证输入的验证码)

关于express-session的相关文章可以查看https://docs.nestjs.cn/9/techniques?id=session%e4%bc%9a%e8%af%9d

import * as svgCaptcha  from 'svg-captcha';
import * as session from 'express-session';

3. 生成验证码

noise：验证码的线条干扰程度，值越大，线条越多
size  :  验证码的值数量

@Get()
    getCode(@Session() session): string {
        const captcha = svgCaptcha.create({
            size:4,
            noise:2,
            color:true,
            background:"#666"
        });
        session.code = captcha.text;
        return captcha.data;
    }

4. 对验证码进行校验，从session中取值和传入的值进行对比

@Post()
judgeCode(@Session() session,@Body() body):string{
        if(body.code.toLocaleLowerCase()==session.code.toLocaleLowerCase()){
            return "成功啦";
        }else{
            return "失败啦";
        }
}

---

解决跨域

1. 需要下载cors @types/cors

cnpm i cors @types/cors -D

2. 引入cors 并且使用

import * as cors from 'cors';

app.use(cors())