前端知识库-前端安全系列二（同源策略）

前言

在我们日常开发中在与后台联调的时候是不是会经常遇到CORS错误，作为一名前端开发大家应该都知道这个事浏览器同源策略导致的，如何解决这个问题相信大家都有自己团队的方法。如有不了解的可以看下我之前总结过文章跨域解决方案，本文主要来分析下跨域的原因，以及跨域涉及到的API。

SOP同源策略（源：协议 域名 端口）

在MDN中如此介绍同源策略：同源策略是一个重要的安全策略（也可以理解为一种规定），它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。

• 关键词：限制 阻隔 恶意 减少
• 目的：为了提供一个安全页面操作环境，保护用户信息不被窃取。
• 阻止内容：大概可分为三类存储类（cookie访问 localstorage/sessionstorage访问） DOM类（iframe对DOM的操作 ） ajax类（ajax的请求）

下面介绍下同源策略限制的一些操作：

存储相关

• cookie：cookie我们应该都很熟悉了，用来存储一些验证/基础信息等,如果没有同源策略的限制那网站的cookie就无法保证安全性了

//在客户端cookie是通过document.c