前言
昨天开会和小伙伴聊到 Img引入图片报跨域的问题了。
刚听到这个问题,我沉思了,Img标签怎么会跨域???这让我感觉我好像还是不怎么了解同源策略和cors
我心理的想法如下:
1, Img标签里引入的图片资源是其他网站的线上地址,也没看到跨域啊?
2, Img引入的线上地址本身是个Get请求,所以Get请求是没有跨域这一说法的。
不知道其他小伙伴的脑子里是不是这样的,反正我一直都是这样认为的~~~
之前也不知道是看了哪篇文章,有了这样的想法。
其实是错误的,或者说不严谨的
于是,翻了很多资料,开了十几个Tab页,最后把获取到的知识点汇总下放在这里。
正文开始
Img标签跨域问题其实还分两个场景~~~
HTML中的Img标签
这种场景引入的图片资源是其他网站的线上地址,的确不会跨域,如下图
- 是因为Img 标签的加载是通过 HTML 的静态资源加载机制实现的,不会涉及 AJAX 请求。