使用a标签href跳转到三方网站本地正常,部署到服务器上跳转失效

#RT:
       今天项目中碰到一个奇怪的bug;在页面上有超链接跳转到第三方的网站,本地测试是可以的,可是部署到服务器上跳转到了三方网站自己的其他页面(大概率是拦截处理的页面),按道理应该进入到主页的,想不通。
超链接很简单

<a href="http://www.abc.com" target="_blank"
  class="btn depart-btn mg-10 ">三方网站</a>

最后解决方案

                     在a标签里加上这个属性 rel="noopener noreferrer"

<a href="http://www.abc.com" target="_blank" rel="noopener noreferrer"
  class="btn depart-btn mg-10 ">三方网站</a>

这样就可以了,原因是通过a标签跳转页面的时候可能会出现安全问题,在打开的新页面上能够拿到原始页面的一些参数,这样在新的页面可以进行一些操作,比如将我们的原始页面进行任意跳转。

总结:大概率是我要访问的三方网站做了安全性校验;只有通过安全的跳转才允许访问。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值