vue 接口直接返回一张图片 前端怎么获取

vue 接口直接返回一张图片 前端怎么获取

1. 在公共请求接口的js文件中 加入 responseType: ‘blob’,

return new Promise((resolve, reject) => {
	      axios({
	        method: "get",
	        url: url,
	        params: param,
	        withCredentials: true,
	        **responseType: 'blob',**
	        headers: {
	          "request-type": "wap"
	        }
	      }).then(res => {
	        if (isLoading) Toast.IndicatorClose();
	        resolve(res.data);
	      });
    });

2. 在 vue文件中使用 请求接口 获取图片 window.URL.createObjectURL(res)

 /**
       * 获取图形验证码
       * */
       getImageCode() {
         let that = this;
         this.$Net.getAction123(this.$api.accountVerifycode).then(res => {
          let rr =  window.URL.createObjectURL(res)
           that.imgCode = rr
         })
       },