同源

同源指的是URL有相同的协议、主机名和端口号。

同源策略

同源策略指的是浏览器提供的安全功能，非同源的RUL之间不能进行资源交互

跨域

两个非同源之间要进行资源交互就是跨域。

浏览器对跨域请求的拦截

浏览器是允许跨域请求的，但是请求返回的数据会被浏览器拦截，无法显示到页面，拦截过程：

解决跨域

jsonp的原理就是利用了script标签不受浏览器同源策略的限制，然后和后端一起配合来解决跨域问题的。

（前端+后端）不受同源策略影响的标签：<image>、<script>、<link>、<iframe>

JSONP利用script标签，将请求放在src标签中，前端通过一段javascript代码获取后端数据。

<script src="https://localhost:8080/getJSONP?fn=setJSONP"></script>

优势：轻量、兼容性高，不需要XMLHttpRequest

缺点：

• 只支持get请求
• 存在被恶意注入脚本风险
• 接口异常，无法监听