Vue前端项目-登录组件-验证码生成

思路:

在 创建组件时调用方法, 发送 axios 请求, 获取验证码图片和 验证码UUID（该UUID存入 redis的 key）

这里只介绍vue前端验证码相关的， 至于后端是如何生成验证码和 UUID的，将在后续别的章节介绍！

本章用到 axios 发送远程请求, 所以需要检查一下 axios 是否已安装?

1、发送请求获取验证码

1.1、 组件创建时，调用方法获取验证码

login.vue 文件

<script>
import { getCodeImg } from '@/api/login'
export default {
  data: function () {
    return {
      codeUrl: '',
      loginForm: {
        uuid: ''
      }
    }
  },
  methods: {
    getCode () {
      getCodeImg().then(res => {
        console.log(res)
        this.codeUrl = 'data:image/gif;base64,&#