23. 为什么会跨域,解决方案有哪些?

跨域

1.跨域是什么

1. 跨域发生在前后端分离的项目中
2. 前端项目和后端项目的域名不一致,在请求返回结果时,会触发浏览器的同源策略,拒绝接收请求的返回结果。

请添加图片描述

2.同源策略是什么

请添加图片描述

浏览器访问的地址: 协议://ip:端口/
在该页面中,访问ajax请求(协议://ip:端口/),必须要与我们浏览器访问的的(协议://ip:端口/)一致,如果不一致的话,就会发生跨域问题,浏览器触发保护机制,获取不到该响应的请求结果
注意
    1.协议、ip、端口三项必须都一致才不会跨域
    2.使用域名和ip不会造成跨域,域名会自动解析为ip 

3.常见解决方案

1.使用nginx代理,无论前端页面还是后端接口,都去访问nginx,通过nginx的策略进行转发。这样就可以保证浏览器一直访问的是同一个地址

请添加图片描述

2.使用jsonp。但是jsonp只支持get请求,不支持post请求。所以一般在项目中不常用
3.使用@CrossOrigin注解。由springMVC提供,通过添加参数 Access-Control-Allow-Origin为*,表示允许所有请求跨域实现,*表示正则匹配

请添加图片描述

4.在nginx和网关中配置Access-Control-Allow-Origin。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鱼鱼大头鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值