axios请求图片乱码

  • 由于axios的默认responseType是：application/json, text/plain，会导致请求的图片显示乱码

  • 指定 responseType: ‘blob’即可

    1. function createImg(){
    2.   const that = this
    4.   const baseUrl = 'http://xxx.com/'
    5. axios({
    6.   method: 'get',
    7.   url: baseUrl + "/app/wx/getqrCode", // 请求地址  
    8.   data: {} , // 参数  
    9.   responseType: 'blob' // 表明返回服务器返回的数据类型
    10. }).then((res) => {
    11.       let data = window.URL.createObjectURL(res.data)
    12.   if (data) {
    13.     that.setState({
    14.         url: data
    15.     })
    16.     wxShare({
    17.       // 图片需是绝对路径
    18.         img: require('../../static/img/mine/qrcode.png').replace(/\.\.\//, baseUrl),
    19.         url: `${baseUrl}/haibao.html`,
    20.             desc: '瑜伽界',
    21.             title: '分享领红包',
    22.     })
    23.   }
    24. })
    25. }

    分享缩略图无效

    • 图片域名需要和公众号对应的js安全域相同
    • 返回的图片不能使用base64
    • 必须使用绝对路径