美文网首页技术贴
vue 加载图片失败crossorigin="anonymous

vue 加载图片失败crossorigin="anonymous

作者: zhudying | 来源:发表于2024-08-20 16:34 被阅读0次

crossOrigin 是 HTML 中用来控制跨域资源请求行为的属性。
一般在响应头可见 access-control-allow-origin: *

加载失败原因 -- 浏览器缓存
  1. 强制刷新可解决
  2. 将相同src资源文件全部加crossorigin="anonymous"

如果多个相同src的资源第一次加载时,有一个资源没有加crossorigin="anonymous",那么其他相同的资源加载时会使用缓存中的资源,不会重新设置 access-control-allow-origin: *

  1. 后端解决跨域,去掉crossorigin="anonymous"

相关文章

网友评论

    本文标题:vue 加载图片失败crossorigin="anonymous

    本文链接:https://www.haomeiwen.com/subject/mgovkjtx.html