js中怎么实现登录获取验证码？如下图

以vue写法为例

获取验证码功能

1：先生成一个随机数、可以动态保证每次生成的验证码不一样

export const getUuid = (): string => {    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {        const r = (Math.random() * 16) | 0,            v = c == "x" ? r : (r & 0x3) | 0x8;        return v.toString(16);    });}

2：引入这个方法

import { getUuid } from '@/utils/index'loginInfo.uuid = getUuid();

3：调用接口

特别注意：如果后端返回的是一张图片、无需转换 直接请求展示

不用ajax方式请求、然后点击图片直接切换方法获取新的验证码

`/auth/captcha?uuid=${loginInfo.uuid}&random=${Math.random() * 10}`

后端接口返回的格式

<img :src="info.captchaUrl" @click="onRefreshCode" alt=""/>const onRefreshCode=()=> {      loginInfo.uuid = getUuid();      info.captchaUrl = `${app.domain}/auth/captcha?uuid=${loginInfo.uuid}&random=${Math.random() * 10}`;}

4：如果返回的其他格式、需要转换

5：每日分享前端相关知识、喜欢可以多多点赞关注我