前端常见跨域解决方案

浏览器同源策略

域名相同
协议相同
端口相同
同源策略是一个重要的安全策略,它用于限制一个源的文档或者它加载的脚本如何能与另一个源的资源进行交互。
它能帮助阻隔恶意文档,减少可能被攻击的媒介。例如,它可以防止互联网上的恶意网站在浏览器中运行 JS 脚本,从第三方网络邮件服务(用户已登录)或公司内网(因没有公共 IP 地址而受到保护,不会被攻击者直接访问)读取数据,并将这些数据转发给攻击者。

同源策略限制以下几种行为:

  1. Cookie、LocalStorage 和 IndexDB 无法读取
    2.DOM 和 Js对象无法获得
    3.AJAX 请求不能发送

跨域解决方案

1、 通过jsonp跨域
2、 document.domain + iframe跨域
3、 location.hash + iframe
4、 window.name + iframe跨域
5、 postMessage跨域
6、 跨域资源共享(CORS)
7、 nginx代理跨域
8、 nodejs中间件代理跨域
9、 WebSocket协议跨域

posted @ 2023-09-14 14:02  顾旺辉  阅读(36)  评论(0编辑  收藏  举报