禁止跨域_记一次异常排查跨域请求

        今天在对接商品详情页面到购物车页面时,前端控制台出现以下异常:

755704c12d776f0c665ddfa5ca5fad45.png

分析思考

报错提示大概意思是9009访问9014的url时被阻塞了,于是检查前端服务层的请求url地址:

6eaf115bb1756a1464ba4eb619582e33.png

经过个把月的磨练,什么拼写错误语法错误已经不会再犯了,那为什么请求发不出去呢?再仔细查看地址,以往的url都是请求本项目下的服务,所以写的绝对路径。而这次的请求是发到其他项目下的,突然好像抓住了什么。

再往后看报错提示:blocked by CORS policy,这CORS策略是什么鬼...赶紧求助度娘

fe442b1f90ae8f489a38e43510696057.png

解决方法

只要是协议、域名、端口,三者其一不同就叫做跨域,浏览器出于安全策略就会禁止这种请求。明白怎么回事儿就简单了,网上各种跨域请求的解决方案有很多,这里仅展示一种:

1,前端服务层请求地址后面跟个参数:{'withCredentials':true}

2,后端控制层方法中加这两行代码控制权限:

edf565cfe9a18850eb65907ecea2483f.png

至此,跨域请求的问题就解决了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值