thinkphp5+vue 接口api验证码方式
来源:互联网 发布:千牛 卖家工作台 mac 编辑:程序博客网 时间:2024/09/21 08:42
我们采用的token令牌的方式验证用户,最近搞了个验证码接口,前端使用的vue接收,遇到如下问题:thinkphp5框架默认生成的验证码是session方式给到前端用户,但是vue端没有接收session的方式,这个问题不知道是不是前端不会接收session,会接收的就不存在这个问题.我们将验证码生成改为方法cache缓存方式,thinkphp5自带的composer下载验证码captcha类,在生成验证的地方添加缓存,缓存加密保证安全,验证依旧使用接口的方式,大致方法就是这样,有好方法的朋友帮忙分享下.指导下我.
前端vue代码这把
<template>
<div>
<img src="http://域名/v1/verify" />
<!-- <img src="verify"> -->
<input type="text" v-model='code'>
<span @click='vyverify'>验证</span>
</div>
</template>
<script>
import store from "../store";
export default {
name: "test_verify",
data() {
return {
code: ''
};
},
created() {
// store.dispatch("verify");
// this.new_verify;
},
computed: {
verify() {
return store.state.verify;
},
new_verify() {
alert(this.verify.split('"'));
// let new_verify = this.verify.split(' ')[1];
// return new_verify;
},
},
methods: {
formData() {
let formData = new formData();
formData.append('code', this.code);
return formData;
},
vyverify() {
store.dispatch('vyverify', this.$qs.stringify({
code: this.code,
token: localStorage.getItem('tokens')
}));
// store.dispatch('Vyverify', this.formData)
}
}
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
单独给个方法指向到前端页面,后端的生成验证码的方法
public function getcode()
{
ob_clean();
$config = config('captcha');
$captcha = new Captcha($config);
return $captcha->entry();
}
验证端接口处理,你也可以放上面生成验证码方法控制器一起,按自己需求来,代码如下
public function vyverify(Request $request)
{
$param = $request->param();
$code = strtolower($param['code']);
if (empty($code)) {
$this->error('验证码不能为空');
}
$verifycode = Cache::pull('verifycode');
if(md5("$code") == base64_decode($verifycode)){
throw new SuccessMessage(['msg' => '验证码验证成功!']);
}else{
throw new ErrorException(['errorCode' => '10003', 'msg' => '验证码验证失败']);
}
}
- thinkphp5+vue 接口api验证码方式
- thinkphp5 配置验证码
- thinkphp5 验证码
- ThinkPHP5 验证码
- Thinkphp5学习(33)验证码
- ThinkPHP5验证码图片生成
- ThinkPHP5的验证码操作
- thinkphp5.0调用云片接口实现发送短信验证码找回密码功能
- API接口签名验证
- api接口token验证
- API接口签名验证
- thinkPHP5.0开发微信小程序登录接口signature验证失败
- php微信公众平台API接口(thinkphp5)
- 语音验证码与语音验证码API&SDK接口
- 短信验证码与短信验证码API&SDK接口
- 给ThinkPHP5增加验证码功能
- thinkphp5不安装composer使用验证码
- ThinkPHP5的验证码 NOT FOUND
- vue2.0子组件向父组件传递数据(饿了么例子)vue2.0废弃$dispatch,替换成$emit 和$refs
- MP4文件网络播放时 边缓冲边播放
- MVP自定义拦截器 OK封装
- 如何处理流写入文件后面多加出一个null
- Python在人工智能中的作用
- thinkphp5+vue 接口api验证码方式
- SVN 主干和分支的拆分与合并(版本控制)
- spring mvc 5.0 在线中文api 02
- BASIC-22VIP试题 FJ的字符串
- 应用静默安装能力的权限检查方法探视
- 【2018将成为AGI元年】13名专家盘点2017最重要AI事件,预测AGI将取代AI
- 柱形图
- c语言练习(4)
- java实现基于TCP的socket通信实例(客户端)