h5内嵌app，h5图片不展示，crossOrigin=“anonymous“

原创

wx6375cd1abf2fb 2023-03-04 16:22:13 ©著作权

文章标签 前端获取数据 HTTP 客户端 文章分类 Python 后端开发

©著作权归作者所有：来自51CTO博客作者wx6375cd1abf2fb的原创作品，请联系作者获取转载授权，否则将追究法律责任

问题截图

h5内嵌app，h5图片不展示，crossOrigin=“anonymous“_客户端

尝试解决

<div class="right-container" v-if="item.doorImg" 
   @click="sendAppImg(item.doorImg)">
  <img :src="item.doorImg" alt="" crossOrigin="anonymous">
</div>

解释

crossorigin官方的具体解释

crossorigin 属性在 audio>、img、link、script 和元素中有效，它们提供对 CORS 的支持，定义该元素如何处理跨源请求，从而实现对该元素获取数据的 CORS 请求的配置
anonymous
请求使用了 CORS 标头，且证书标志被设置为 ‘same-origin’。没有通过 cookies、客户端 SSL 证书或 HTTP 认证交换用户凭据，除非目的地是同一来源。

这个属性加上并设置为anonymous加上之后就可以了正常显示了

anonymous 中文翻译：匿名的，不知名的；不记名的，不具名的；无特色的