前端跨域问题是由于浏览器的同源策略导致的，它阻止了不同源之间的数据交互。同源策略限制了非同源间的cookie、DOM访问和AJAX请求。解决跨域的方法包括：CORS（跨域资源共享）通过设置Access-Control-Allow-Origin响应头；JSONP利用动态创建script标签实现GET请求跨域；以及通过反向代理配置，如在Vue或React开发时的代理设置。
问题
在前台开发过程中你是否遇到过下图中的问题呢？
CORS 是什么？
Access-Control-Allow-Origin又是什么？
想要了解上面的问题我们需要先来了解下什么是跨域，跨域是如何产生的。
什么是跨域？
想要知道跨域就需要了解什么是同源策略。
同源策略是1995年，由Netscape（网景）公司引入浏览器的。它是浏览器的一种安全策略，它能够阻止不同源（域）之间进行的数据交互。所有的现代浏览器都实现了同源策略。
什么是同源？什么是不同源？
所谓同源指的是：协议相同，域名（IP）相同，端口号相同，这三者全部相同，我们称为同源。其中有一项不同则非同源。
举例来说：
| 网址1 | 网址2 | 是否同源 |
| http://www.a.com/a.html | http://www.a.com/ |
最低0.47元/天 解锁文章
扫一扫
4765
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
