前端面试题之跨域和解决跨域的方法

全程跨域资源共享,是浏览器的保护机制,只允许网页请求同一域名下的服务,同一域名的要求是协议端口和域名都要一一致,如果有一项不同,称为跨域。

解决跨域的方法

1)配置后端。是否启动跨域保护机制根据后端的响应来决定,浏览器根据响应的access-control-allow-align响应头决定 如果值为*允许所有请求,值为域名则只允许指定域名请求。根据后端程序语言和库的不同 配置a-c-a-a响应头方法也不同

如果使用node可以添加cors,cors默认允许所有跨域请求,如果限制指定域名,可以给cors的origin属性添加数组或者对象用于指定一个或者多个允许跨域的域名。

9f6f7dc30d95460e8bd1efe84b69be55.png

 2)配置前端。配置代理中转请求

脱离浏览器发送请求,可以不受到跨域机制保护的影响 使用中转服务器发送请求和接受响应,前段请求中转服务器,保持和中转的url一致,可以用vite等

3)自己手动创建中转服务器代理请求

比较复杂,笔者不是很懂

跨域的场景,一般是前后端分离开发,调用第三方库

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

sharky104

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

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

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

打赏作者

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

抵扣说明:

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

余额充值