vue-element-admin添加验证码⼀、views/login/index.vue登录页⾯
显⽰验证码
<img :src="imgSrc" class="imgse" @click="getImage" />
进⼊页⾯进⾏调⽤
created () {
},
methods: {
// 获取验证码
getImage () {
getImageApi().then(res => {
this.imgSrc = res
})
}
}
⼆、api/user.js页⾯
调⽤后台验证码
export function getImageApi () {
return request({
url: '/api/sysUser/image',
method: 'post',
responseType: 'blob'
})
}
三、utils/request.js页⾯
vue element admin返回response中
在if (de !== 200)代码块中添加
const indexs = sponseType
console.log(indexs)
if (indexs === 'blob') {
const blob = new Blob([res], { type: 'image/png' })
const url = ateObjectURL(blob)
console.log(url)
solve(url)
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。