1 、协议+域名+端口相同,就不算跨域,否则跨域
http://192.168.168.1:80/aaa
http://192.168.168.1:80/bbb
http://192.168.168.1/ccc //默认端口是80
以上都不是跨域。
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域
当前页面url 被请求页面url 是否跨域 原因
http://www.test.com/ http://www.test.com/index.html 否 同源(协议、域名、端口号相同)
http://www.test.com/ https://www.test.com/index.html 跨域 协议不同(http/https)
http://www.test.com/ http://www.baidu.com/ 跨域 主域名不同(test/baidu)
http://www.test.com/ http://blog.test.com/ 跨域 子域名不同(www/blog)
http://www.test.com:8080/ http://www.test.com:7001/ 跨域 端口号不同(8080/7001)
非同源限制
【1】无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB
【2】无法接触非同源网页的 DOM
【3】无法向非同源地址发送 AJAX 请求
A网站AJAX请求B网站,算是跨域。
跨域不可请求是浏览器的限制。判断请求头中携带的Origin参数。
如果后端配置了Access-Control-Allow-Origin=。可以通过postman模拟测试,请求头携带Origin参数,不携带Origin(不会被跨域策略拦截),或是携带Origin与后端Access-Control-Allow-Origin不符。
2、 二级域名相同不算跨域
http://aa.xxx.com,http://bb.xxx.com 这种情况不算跨域。
3、 解决方案:
3.1 前端使用Jsonp
3.2 Nginx代理前端+后端,Origin为Nginx地址,欺骗浏览器。
3.3 二级域名相同
3.4 后端(响应头中加入跨域许可),若跨域操作cookie
//Spring注解处理
@RequestMapping("/addGoodsToCartList")
@CrossOrigin(origins="http://localhost:9105",allowCredentials="true")
//SpringMVC注解允许 http://localhost:9105 可以跨域请求本站
public Result addGoodsToCartList(Long itemId,Integer num,HttpServletResponse response){
}
//非注解处理
response.setHeader("Access-Control-Allow-Origin", "http://localhost:9105");
//可以访问的域(当此方法不需要操作cookie), 若对所有域开放访问,可以设置域为"*"
response.setHeader("Access-Control-Allow-Credentials", "true");
//如果操作cookie,必须加上这句话
前端请求添加参数:withCredentials:true