vue 加载图片失败crossorigin="anonymous"

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

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

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

  1. 后端解决跨域，去掉crossorigin="anonymous"
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容