做一个移动端的web项目,本来通过iframe跳转后台链接是没问题的。但是不知道为什么IOS12样式不兼容。一阵捣鼓,只能通过ajax使用div的方式加载数据。
本来以为没问题了,但是没想到图片居然部分加载不出来,把图片路径复制出来,又可以访问。网上搜索一阵,都是说
使用Referer Meta标签控制referer,在H5 的 header加入meta。具体原因,网上大把,这里就不详说了。
<meta name="referrer" content="no-referrer">
加上这句,图片出来了,本以为万事大吉了,但是没想到,突然页面无法定位了,本页面使用的腾讯定位qq.maps.Geolocation。 这就杯具了,预测可能是因为没有发送referer,导致定位服务器无法获取请求来源,因此无法定位。
于是想,能不能单独给IMG标签加上referer策略,搜索发现IMG标签是可以设置referer的。因此所有的IMG标签添加属性
<img src="" referrerPolicy='no-referrer'>
添加之后,发现页面可以定位,并且图片全部可以显示出来了。