tp5与element-admin如何实现登录验证码功能

tp5验证码如何返回 手册上有
先在vue.config.js设置跨域

     ['/api/system/login/verify']: {
        target: 'http://gq.skyrover.com.cn/api/system/login/verify',
        changeOrigin: true,
        pathRewrite: {
          ['^/api/system/login/verify']: ''
        }
      },

store/user.js

const actions = {
  // user login
  login({ commit }, userInfo) {
    const { name, password,captcha } = userInfo
    return new Promise((resolve, reject) => {
      login({ name: name.trim(), password: password,captcha:captcha }).then(response => {
        console.log('response', response)
        const { data } = response
        commit('SET_TOKEN', data.data)
        setToken(data)
        resolve(response)
      }).catch(error => {
        reject(error)
      })
    })
  },

dom

  <el-form-item prop="captcha" style="width: 200px;">
          <el-input ref="verify" v-model="loginForm.captcha" placeholder="验证码" name="verify" type="text" tabindex="1" autocomplete="on" />
          <img id="verify" src="/api/system/login/verify" style="width: 140px;
            height: 44.5px;
            position: absolute;
            margin-left: 50px;" @click="resetVerify"/>
        </el-form-item>
在 methods:下写方法：
    resetVerify(){
      document.getElementById('verify').setAttribute('src','/api/system/login/verify?id='+(((1+Math.random())*0x10000)|0).toString(16))
    },