// 浏览器的同源性
// 在 浏览器 处理请求时 默认执行的是 同源策略
// 也就是 浏览器 只 允许 同源的项目/请求 之间 获取响应体内容
// 如果不是同源的 请求 只允许浏览html文件等 不允许 获取响应体
实际项目中,解决同源问题是必须要掌握的方法
相同 源文件之间的访问 称为 同源访问
不同 源文件之间的访问 称为 跨域访问
跨域请求的解决方法:
jsonp
cors 后端帮助我们解决跨域的方式
服务器代理
前端主要是 jsonp 服务器代理 这两种方法解决跨域请求
所谓的 jsonp 方法,解决跨域
之前也接触到跨域访问,只是没有意识到这是跨域访问
img标签 加载显示图片
加载图片的过程 : 通过 ulr地址 找到 网上这张图片 --- 请求过程
下载这张图片到本地浏览器缓存区 --- 获取响应体的过程
--- 本质上就是在执行跨域访问
图片显示到页面中
本质上执行的是跨域访问,通过src中定义的ulr路径,发起跨域请求,并且接收到响应体
img标签,按照 图片的格式来显示
在浏览器执行程序时 通过 src href 发起的请求,即时是跨域请求,浏览器也允许正常执行,获取响应体内容
link标签 通过 src 地址请求 , 影响体文件按照 css 格式执行
script标签 也有 src 请求地址 ,请求内容,也会按照 js 格式执行
所以的 jsonp 请求
可以通过 script标签 的 src属性,设定跨域请求地址,请求内容按照 js程序格式执行
jsonp解决跨域的基本步骤
1,script,标签,通过 src 路径 来访问 跨域请求
请求方式只能是 get方式 可以在 url请求地址后,拼接数据传参
2,还需要一个script标签,来定义js程序