后端通过接口返回验证码图片处理

1 在axios 请求中 responseType: 'arraybuffer'

export function getImg () {
  return request({
    url: '/xxx/xxx/xxxx',
    method: 'post',
    responseType: 'arraybuffer'
  })
}

2 在request 中配置

   const indexs = response.config.responseType
       if (indexs === 'arraybuffer') {
          return Promise.resolve(
            'data:image/png;base64,' +
              window.btoa(
              new Uint8Array(res).reduce(
                (data, byte) => data + String.fromCharCode(byte), '')
              )
          )
     }

3 在接口中的res 可以直接赋值给img的src的url值 这样我们方便使用了

getImg ().then(res=>{
var url = res  // url就是一个地址
})