1. 为什么有跨域问题:
假设我有一个网站,另一个人看我不爽,天天通过不同的渠道疯狂攻击我的网站。如果没有跨域问题,他就可以通过跨域不断地对我的网站发送ajax请求从而攻击。所以跨域问题本质上是浏览器对于ajax请求的一种安全限制,这本身并不是坏事,更安全。
2.跨域问题是怎么产生的。
因为浏览器有一个安全机制叫同源策略。同源就是指协议、域名、端口都一样,如果任意一项不一致就是不同源。简单点说就是:你的网页URL和你调用的接口URL不是一个地方的,浏览器觉得有安全风险,不想让你使用这个接口的数据。
就好像你去肯德基吃饭,非要点一碗兰州拉面,店员虽然很鄙视你,但他还是打电话给兰州拉面馆问了一下,拉面馆说不给肯德基供货,所以你没有吃到兰州拉面。这里有一个很反常的操作一定要记住,肯德基店员打电话给兰州拉面馆了,是拉面馆说不给肯德基供货的。如果拉面馆给肯德基供货,那你就能吃到拉面了。这时候,店员相当于浏览器,肯德基就相当于当前网页,你就相当于网页里的JS代码,兰州拉面馆相当于接口服务器,肯德基和兰州拉面馆不是同一个老板的,相当于不同源。兰州拉面就是接口数据。
3. 举例说明跨域的几种情况:
如果你的页面URL是 http://www.aaa.com/zzz.htm ,那么接口地址如下几种情况
1. https://www.aaa.com/xxx (不同源,因为协议不同)
2. http://www.aaa.com:80