问题 Content-Type: image/jpeg,前端何如处理图片
response里啥也没有,不通过返回图片地址的方式将图片给前端
在Preview中能看到完整的图片
处理方法
在Preview中鼠标右键点击图片,选择复制图片地址(Copy image url)
将这个地址放到img标签的src属性就可以正常显示图片
在实际开发中,我们需要自己去拼凑出这个地址
<img
src={`${window.location.protocol}//${window.location.host}/api/v1/imageinfo/qrcode?content=${ShareUrl}&height=244&width=244`}
alt=""
width="248px"
height="244px"
style={{
marginTop: '10px',
}}
/>
讨论
有的同学提出,完全可以直接使用请求路径给img标签的src属性,一样能够正常渲染出来。某种意义上说,也没错。如果你的url上不存在什么敏感信息,是可以这么做的。为了安全考虑,如果url上有token或者用户信息,不建议直接使用请求路径赋值给img的src。