Get请求没有跨域问题?十分钟再了解下同源和CORS吧

本文纠正了关于Get请求无跨域问题的误解,通过Img标签在HTML和JS中的应用,阐述了同源策略和CORS机制。介绍了CORS的验证流程,并强调在涉及canvas等元素时需要设置crossOrigin属性来解决跨域问题。
摘要由CSDN通过智能技术生成

前言

昨天开会和小伙伴聊到 Img引入图片报跨域的问题了。

刚听到这个问题,我沉思了,Img标签怎么会跨域???这让我感觉我好像还是不怎么了解同源策略和cors

我心理的想法如下:

1, Img标签里引入的图片资源是其他网站的线上地址,也没看到跨域啊?

2, Img引入的线上地址本身是个Get请求,所以Get请求是没有跨域这一说法的。

不知道其他小伙伴的脑子里是不是这样的,反正我一直都是这样认为的~~~

之前也不知道是看了哪篇文章,有了这样的想法。

其实是错误的,或者说不严谨的

于是,翻了很多资料,开了十几个Tab页,最后把获取到的知识点汇总下放在这里。

image.png

 

正文开始

Img标签跨域问题其实还分两个场景~~~

HTML中的Img标签

这种场景引入的图片资源是其他网站的线上地址,的确不会跨域,如下图

  • 是因为Img 标签的加载是通过 HTML 的静态资源加载机制实现的,不会涉及 AJAX 请求。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值