超全的前端绕过同源策略方法的方法、jsonp的使用及与json的区别

前言

最近博主在开发翰络云工具的ip查询工具（https://www.hanloth.cn/tool/ip-query-master），并且发了一篇文章来总结和展示所有用到的ip查询接口（https://blog.ivan-hanloth.cn/archives/649/）。但是开发过程中发现一些ip接口的同源策略不允许跨域（哭死），为了能够使用这些接口，博主不得不再一次仔细研究前端的同源策略，并总结了一些绕过该策略的方法，同时附上一些容易混淆的点的辨析。

同源策略是什么？

同源策略（Same-Origin Policy，简称 SOP）是一种安全机制，用于限制不同源（即不同域名、协议或端口）之间的脚本在浏览器中的交互。具体来说，同源策略规定，只有当网页与所请求的资源具有相同的来源时，才能相互访问其数据。这一策略主要用于防止跨站请求伪造（CSRF）和跨站脚本攻击（XSS）等安全威胁。

为什么要有同源策略？

同源策略的主要目的是保护用户数据的安全，防止恶意网站在未经用户同意的情况下访问其他网站的敏感数据。例如，用户登录了银行网站，同时打开了一个恶意网站。如果没有同源策略，恶意网站可能会通过脚本访问银行网站的敏感信息，从而进行恶意操作。