生成隨機數給接口穿過去 然后接口會返回一張照片

<div class="login-form-items" v-if="codeshow"><van-fieldv-model="authcode"label="驗證碼"placeholder="請輸入驗證碼"/><div class="captcha-wrapper"><img :src="images" @click="getcode"/></div></div> // 獲取驗證碼getcode() {const randomLetterAndNums = Math.random().toString(36).substr(2);request.get(`/api/security/captcha/image/${randomLetterAndNums}`, {responseType: "blob"}).then((res) => {this.images = window.URL.createObjectURL(res);}).catch(() => {});},

總結

以上是生活随笔為你收集整理的vue接收后台返回的验证码图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。