前端跨域解决方案

之前的文章在前端安全性方面有提到过跨域，这次来详细聊聊跨域

跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。

同源策略：同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。

• 同源策略限制了以下行为：
• Cookie、LocalStorage 和 IndexDB 无法读取
• DOM 和 JS 对象无法获取
• Ajax请求发送不出去

那么怎么样才算同源呢

只有当protocol（协议）、domain（域名）、port（端口）三者一致，才算是同源。

举个例子：

http://www.example.com:80/path/to/myfile.html?key1=value1&key2=value2#SomewhereInTheDocument

说的更直白一点，就是我们在前端使用ajax发送异步请求，如果这个请求的URL地址与当前地址栏中的URL地址协议不同、域名不同、端口不同时，都称之为跨域。

为了解决跨域带来的问题，可以参考一下方法