跨域流程与解决方法

1、跨域:指的是浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全策略。

同源策略:是指协议,域名、端口都要相同,其中有一个不同都会产生跨域;
在这里插入图片描述
2、跨域的流程:
首先,浏览器发送一个非简单请求,put、delete等,需要先发送预检请求。
2.1、浏览器发送一个预检请求,OPTIONS到服务器,服务器返回是否允许跨域请求,若不允许,请求中止,返回:Request Method: OPTIONS
2.2、若服务器响应允许跨域,浏览器再次发送真实请求,服务器再次返回相应数据

3、解决跨域问题:
3.1、使用nginx部署为同一个域:根本原因是目标网站与发送请求的网站不在同一个域。使用nginx转换成同一个域解决
将前端项目与网关服务同时部署到同一个nginx服务器上

3.2、配置当此请求允许跨域
添加响应头:
Access-Control-Allow-Origin:支持那些来源请求跨域
Access-Control-Allow-Methods : 支持哪些方法跨域
Access-Control-Allow-Credentials : 跨域请求默认不包含cookie,设置为true可包含cookie
Access-Control-Expose-Headers:跨域请求暴力的字段
Access-Control-Max-Age:表明相应的有效时间为多少秒,在有效时间内,浏览器无需为同一请求再次发起预检请求。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

番茄蛋子

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

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

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

打赏作者

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

抵扣说明:

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

余额充值