您现在的位置:首页 >> 前端 >> 内容

怎么利用node和react做验证码功能?

时间:2018/3/8 14:17:28 点击: 30

  核心提示:node 使用svg-captvcha模块主要代码//登录验证码app.get(/api/captcha, function (req, res) {var captcha = svgCaptcha....

node 使用svg-captvcha模块

主要代码

//登录验证码
app.get('/api/captcha', function (req, res) {
  var captcha = svgCaptcha.create();
  // req.session.captcha = captcha.text;
  res.type('application/json');
  res.status(200).send({
    svg: captcha.data,
    answer: captcha.text,
  });
});

react前端显示

getvertification() {
        fetch('/api/captcha', {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json'
            }
        })
        .then(data => {
            // tslint:disable-next-line:no-console
            return data.json();
        }).then(mjson => {
            // tslint:disable-next-line:no-console
            console.log(mjson);
            this.setState({ verification_data: mjson.svg, answer: mjson.answer});
            setTimeout(() => {
                if (this.refs.captcha_img) {
                    (this.refs.captcha_img as HTMLDivElement).innerHTML = mjson.svg;
                }
            },         100);
            // if(verification === ansewer)
        });
    }

作者:网络 来源:wu_xiao_qi
请选择您看到这篇文章时的心情: 已有0人表态:
0
0
0
0
0
0
0
0
惊讶 欠揍 支持 很棒 愤怒 搞笑 恶心 不解